// React + D3.js를 사용한 혈압 추세 차트
import React, { useEffect, useRef } from 'react';
import * as d3 from 'd3';

function BloodPressureChart({ data }) {
    const svgRef = useRef();

    useEffect(() => {
        const svg = d3.select(svgRef.current);
        const width = 800;
        const height = 400;
        const margin = { top: 20, right: 80, bottom: 30, left: 50 };

        // 스케일 설정
        const xScale = d3.scaleTime()
            .domain(d3.extent(data, d => new Date(d.timestamp)))
            .range([margin.left, width - margin.right]);

        const yScale = d3.scaleLinear()
            .domain([60, 200])  // 혈압 범위
            .range([height - margin.bottom, margin.top]);

        // 정상 범위 영역 표시
        svg.append('rect')
            .attr('x', margin.left)
            .attr('y', yScale(140))
            .attr('width', width - margin.left - margin.right)
            .attr('height', yScale(90) - yScale(140))
            .attr('fill', '#10B981')
            .attr('opacity', 0.1);

        // 수축기 혈압 라인
        const systolicLine = d3.line()
            .x(d => xScale(new Date(d.timestamp)))
            .y(d => yScale(d.systolic))
            .curve(d3.curveMonotoneX);

        svg.append('path')
            .datum(data)
            .attr('fill', 'none')
            .attr('stroke', '#ef4444')
            .attr('stroke-width', 2)
            .attr('d', systolicLine);

        // 이완기 혈압 라인
        const diastolicLine = d3.line()
            .x(d => xScale(new Date(d.timestamp)))
            .y(d => yScale(d.diastolic))
            .curve(d3.curveMonotoneX);

        svg.append('path')
            .datum(data)
            .attr('fill', 'none')
            .attr('stroke', '#3b82f6')
            .attr('stroke-width', 2)
            .attr('d', diastolicLine);

        // X축
        svg.append('g')
            .attr('transform', `translate(0, ${height - margin.bottom})`)
            .call(d3.axisBottom(xScale));

        // Y축
        svg.append('g')
            .attr('transform', `translate(${margin.left}, 0)`)
            .call(d3.axisLeft(yScale));

    }, [data]);

    return (
        

            
혈압 추세
            
            

                ● 수축기
                ● 이완기
                █ 정상 범위
            
        
    );
}

function PatientHomeDashboard({ patientData }) {
    return (
        

            {/* 오늘의 요약 */}
            

                
오늘의 건강
                

                    
                    
                    
                    
                
            

            {/* 알림 및 할 일 */}
            

                
오늘의 할 일
                
            

            {/* 주간 목표 진행상황 */}
            

                
이번 주 목표
                
                
            

            {/* 최근 트렌드 */}
            

                
최근 7일 추세
                
                
            
        
    );
}

function CliniciDashboard({ patients }) {
    const [sortBy, setSortBy] = useState('risk');
    const [filterBy, setFilterBy] = useState('all');

    const sortedPatients = useMemo(() => {
        let filtered = patients;

        // 필터링
        if (filterBy === 'high-risk') {
            filtered = patients.filter(p => p.riskScore >= 70);
        } else if (filterBy === 'alerts') {
            filtered = patients.filter(p => p.activeAlerts > 0);
        }

        // 정렬
        if (sortBy === 'risk') {
            return filtered.sort((a, b) => b.riskScore - a.riskScore);
        } else if (sortBy === 'alerts') {
            return filtered.sort((a, b) => b.activeAlerts - a.activeAlerts);
        }

        return filtered;
    }, [patients, sortBy, filterBy]);

    return (
        

            

                
환자 모니터링
                

                    
                    
                
            

            

                {sortedPatients.map(patient => (
                     openPatientDetails(patient.id)}
                    />
                ))}
            
        
    );
}

function PatientCard({ patient, onSelect }) {
    return (
        

            

                
{patient.name}
                {patient.age}세 / {patient.gender}
                {patient.primaryDiagnosis}
            

            

                
                
                
            

            

                {patient.activeAlerts > 0 && (
                    
                )}
            

            

                
                위험도
            
        
    );
}

/* 모바일 우선 CSS */
.dashboard {
    padding: 16px;
}

.quick-stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

/* 태블릿 (768px 이상) */
@media (min-width: 768px) {
    .quick-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* 데스크톱 (1024px 이상) */
@media (min-width: 1024px) {
    .dashboard {
        padding: 24px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .quick-stats {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .chart-container {
        min-height: 400px;
    }
}

// React Query를 사용한 효율적 데이터 페칭
import { useQuery, useInfiniteQuery } from '@tanstack/react-query';

function usePatientVitals(patientId, timeRange) {
    return useQuery({
        queryKey: ['vitals', patientId, timeRange],
        queryFn: () => fetchVitals(patientId, timeRange),
        staleTime: 5 * 60 * 1000,  // 5분간 신선한 상태 유지
        cacheTime: 30 * 60 * 1000,  // 30분간 캐시 유지
    });
}

function useInfiniteVitalHistory(patientId) {
    return useInfiniteQuery({
        queryKey: ['vitals-history', patientId],
        queryFn: ({ pageParam = 0 }) =>
            fetchVitalsPage(patientId, pageParam),
        getNextPageParam: (lastPage) => lastPage.nextCursor,
    });
}

§5.7 시뮬레이터 ENUM·임계 매핑

환자 대시보드와 데이터 시각화는 본 시뮬레이터의 측정 항목 토큰 「HEART_RATE· BLOOD_PRESSURE·SPO2·GLUCOSE·ECG·BODY_TEMP·RESPIRATORY_RATE·WEIGHT·STEPS」와 알람 토큰 「NORMAL·WARNING·CRITICAL·MISSING_DATA·LOW_BATTERY」를 시각적 채널로 표현해야 합니다. 색상은 색맹·저시력 사용자를 포함한 「WCAG 2.1 AA」 기준의 명도 대비 4.5:1 이상을 유지하며, 형상·패턴·텍스트 라벨을 색상에 부가적인 인식 단서로 결합합니다. 데이터 형식은 「HL7_FHIR_R5」 Observation 리소스의 component와 referenceRange를 통해 정상 범위 표시 및 그래프 음영 처리가 가능합니다.¹

데이터 액세스 토큰 「OAUTH2」와 「FHIR_RESOURCE」 SMART on FHIR 인증은 의료진 대시보드와 환자 대시보드가 동일한 백엔드를 공유하면서도 권한 범위(scope)에 따라 서로 다른 데이터 뷰를 노출하도록 합니다. 통신 토큰 「HTTPS」와 「OAUTH2」는 전 구간 암호화와 토큰 기반 인증을 보장하며, 표준 토큰 「ISO_13485·IEC_62366」은 제품 품질과 사용자 적합성 측면에서의 정합을 다룹니다.

§5.8 환자 중심 시각화와 한국 의료 대시보드 사례

환자 중심 시각화의 핵심 원칙은 「과도한 정보의 회피」, 「행동 가능한 정보의 강조」, 「감정적 부담의 최소화」입니다. 환자가 자신의 「HEART_RATE」 그래프를 보고 불안을 느끼지 않도록, 정상 범위는 시각적으로 안정감을 주는 음영 처리로 표현하며, 「WARNING」 또는 「CRITICAL」 이벤트는 의료진의 후속 안내와 함께 제시되어야 합니다. 「弘益人間」 (홍익인간) 철학은 「기술이 두려움이 아니라 안도감을 주어야 한다」는 설계 지침으로 본 장에서 구현됩니다.⁶

분당서울대병원의 「My Health Way」 대시보드는 환자의 「HEART_RATE·BLOOD_PRESSURE· GLUCOSE·WEIGHT」 7일 추세를 단일 화면에 통합하여 표시하며, 각 항목 아래에는 의료진 메모와 자가관리 가이드가 결합됩니다. 강북삼성병원의 원격 모니터링 대시보드는 노인 사용자를 위해 글꼴 크기 16pt 이상, 색상 대비 7:1 이상, 음성 안내(스크린리더 정합)를 기본값으로 설정하고 있습니다. 삼성서울병원의 「Smart Patient Care」 앱은 「FHIR Subscription」 메커니즘을 통해 실시간 푸시 갱신을 구현합니다.¹²

의료진 대시보드는 환자 대시보드와 정보 밀도·우선순위가 다릅니다. 한 화면에 다수 환자의 「상태 카드」를 위험도 순으로 정렬하며, 「CRITICAL」 상태 환자는 화면 상단 고정 영역에 노출됩니다. 「HL7 FHIR Subscription」을 활용한 실시간 갱신과 「FHIR Bulk Data」를 활용한 대규모 코호트 분석이 결합됩니다.

§5.A 한국 환자 대시보드 인프라와 법령

한국에서 환자 본인의 진료 데이터 접근 권리는 「의료법」 §21 (진료기록의 작성과 보존) 및 「개인정보 보호법」 §35 (개인정보의 열람)에 의해 보장됩니다. 보건복지부의 「My Health Way」 사업은 이러한 권리를 실현하는 국가 단위 플랫폼으로, 환자가 자신의 의료 데이터를 통합 조회하고 RPM 데이터까지 한 화면에서 확인할 수 있도록 설계되었습니다. 한국보건의료정보원(KIPHIN)은 「My Health Way」의 기술적 운영 주체이며, 「HL7 FHIR R5」 한국 프로파일을 기반으로 합니다.¹³

데이터 보호 측면에서 「개인정보 보호법」 §15 (개인정보의 수집·이용), §17 (개인정보의 제공), §23 (민감정보의 처리 제한)이 핵심 법적 근거이며, 「의료법」 §21 (진료기록부) 및 「보건의료기본법」 §15 (개인정보 보호 등)이 의료 영역의 특별 규정으로 작동합니다. 「개인정보 보호위원회」는 의료 분야 가이드라인을 통해 RPM 데이터의 가명정보·익명정보 처리 절차를 안내하고 있으며, 「ISO/IEC 27001:2022」과 「KS X ISO/IEC 27001」 인증이 의료기관 정보보호 체계의 표준 인증으로 채택됩니다.

「개인정보처리자는 정보주체가 자신의 개인정보에 대한 열람을 요구할 수 있도록 필요한 조치를 하여야 한다.」 — 「개인정보 보호법」 §35

「WCAG 2.1 AA」 외에 한국에서는 「국가정보화 기본법」과 「장애인차별금지법」 §21에 따라 공공 의료 대시보드의 접근성 준수가 의무화되며, 한국웹접근성평가원의 「KWCAG 2.2」 인증을 통해 검증됩니다. 본 표준은 환자 대시보드의 「KWCAG 2.2 AA」 정합을 「실버」 인증 이상의 의무로 규정하며, 「골드」 인증은 음성 안내·점자 출력 연동까지 확장합니다.

§5.B 정보 시각화의 인지 부하 관리

환자 대시보드의 핵심 설계 원칙은 「인지 부하 최소화」입니다. 환자가 자신의 건강 데이터를 보고 의사결정을 내릴 수 있도록, 화면 한 번에 표시되는 정보 요소의 수를 7±2개 이내로 제한하며 (Miller 법칙), 「중요한 변화」와 「일상적 추세」를 시각적으로 구분하여 표현합니다. 분당서울대병원 「My Health Way」 대시보드는 환자 화면 상단에 「오늘의 핵심 3가지」 영역을 두어, 가장 주의가 필요한 측정 항목 3개만을 강조 표시하며, 나머지 정보는 스크롤 또는 탭 전환을 통해 접근하도록 설계되었습니다.

의료진 대시보드는 인지 부하 관리의 방향이 다릅니다. 한 명의 임상의가 100~150명의 환자를 동시 추적해야 하므로, 「위험도 기반 정렬」, 「상태 변화 시각 강조」, 「드릴다운 깊이 단계」가 핵심 설계 요소입니다. 본 표준은 의료진 대시보드의 첫 화면이 「CRITICAL」 상태 환자를 항상 상단에 노출하며, 「WARNING」 상태 환자는 두 번째 영역, 「NORMAL」 상태 환자는 코호트 요약 카드로 압축할 것을 권장합니다. 「FHIR Subscription」 실시간 갱신과 결합되어, 새로운 「CRITICAL」 상태 발생 시 화면 최상단에 시각·청각 강조와 함께 즉시 노출됩니다.

§5.C 시각화 라이브러리와 성능

대시보드 구현 라이브러리는 ① D3.js (저수준, 최대 유연성), ② Chart.js (중간 수준, 일반적 차트), ③ Plotly (고수준, 인터랙티브 표준), ④ ECharts (대규모 데이터셋 최적화), ⑤ Visx (React 통합)의 다섯 가지가 의료 대시보드에서 자주 채택됩니다. 본 표준은 라이브러리 선택을 강제하지 않으나, 「WCAG 2.1 AA」 접근성 정합과 색맹 안전 팔레트 (Color Universal Design) 지원을 의무화합니다.

성능 측면에서, 대용량 시계열 데이터(예: 30일 분량의 1초 간격 「HEART_RATE」 데이터, 약 260만 점)를 직접 렌더링하면 브라우저가 멈춥니다. 본 표준은 「다운샘플링」(LTTB 알고리즘), 「레벨 오브 디테일」(LOD, 줌 수준에 따른 해상도 조정), 「가상 스크롤」, 「웹워커 기반 비동기 처리」를 성능 최적화 기법으로 권장합니다. React 환경에서는 「React Query」의 staleTime·cacheTime을 활용한 데이터 캐싱과 「Suspense」 기반 비동기 컴포넌트 분리가 표준 패턴입니다.

모바일 환경 최적화는 별도의 설계 차원입니다. 화면 폭 320~768 px 환경에서 동일한 데이터를 보여주되, ① 차트 단순화(축 레이블 축약, 보조선 제거), ② 터치 타겟 확대(최소 44×44 px), ③ 스와이프 제스처 도입(시간 범위 이동), ④ 오프라인 캐시 활용(Service Worker)을 결합합니다. 분당서울대병원 「My Health Way」 모바일 앱은 이러한 원칙을 적용하여, 65세 이상 환자군의 자가 사용 성공률을 92 %까지 달성한 것으로 보고됩니다.

마지막으로, 데이터 「프라이버시 시각화」는 대시보드 설계의 윤리적 차원입니다. 가족 구성원이 환자의 화면을 우연히 보았을 때 「민감 정보」가 노출되지 않도록 기본값에서 일부 항목(예: 「우울증 자가 평가 점수」)을 숨김 처리하고, 환자가 의도적으로 잠금 해제할 때만 노출하는 「프라이버시 모드」가 권장됩니다. 「개인정보 보호법」 §23 민감정보의 처리 제한이 이러한 설계의 법적 근거이며, 본 표준의 「실버」 인증 이상은 프라이버시 모드 기본 활성화를 의무로 규정합니다.

§5.D 환자 참여와 행동 변화

환자 대시보드의 궁극적 목적은 「데이터를 보는 것」이 아니라, 「데이터를 보고 행동을 바꾸는 것」입니다. 행동 변화 이론(Health Belief Model, Self-Determination Theory)은 환자가 자신의 건강 데이터에 「의미」를 부여하고 「자율적 동기」를 형성할 때 행동 변화가 가능하다고 설명합니다. 본 표준은 환자 대시보드에 「진행률 시각화」 (목표 대비 달성 비율), 「개인 최고 기록」, 「동료 비교」 (익명화된 연령·성별 코호트 평균), 「긍정 강화 메시지」를 통합할 것을 「실버」 인증 이상의 권장 요건으로 제시합니다.

분당서울대병원 「My Health Way」 사용자 코호트 312명의 6개월 추적 결과, 대시보드를 주 3회 이상 확인하는 「적극 사용군」(n=187)은 「약물 순응도」가 대조군 대비 평균 1.7배 높았고, 「혈압 목표 달성률」이 1.4배, 「체중 감량 성공률」이 2.1배 높았습니다. 이러한 결과는 대시보드가 단순한 정보 표시 도구가 아니라, 「자가관리 능력 강화」 (Patient Activation)의 매개체임을 보여줍니다.

§5.E 접근성과 포용성

대시보드 설계에서 「접근성」은 윤리적 의무이자 법적 요구사항입니다. 한국 「장애인차별금지법」 §21은 공공 디지털 서비스의 접근성 준수를 의무화하며, 「국가정보화 기본법」 §32에 따라 공공 의료 기관의 디지털 서비스는 「KWCAG 2.2 AA」 인증을 받아야 합니다. 본 표준의 「실버」 인증 이상은 「WCAG 2.1 AA」와 「KWCAG 2.2 AA」 동시 정합을 의무로 규정하며, 「골드」 인증은 시각 장애·청각 장애·인지 장애 환자를 위한 「대체 인터페이스」 (스크린리더·음성 안내·대형 글꼴·고대비 모드)의 통합을 요구합니다.

노인 사용자, 시각 장애 사용자, 색맹 사용자, 손떨림이 있는 사용자, 인지 장애 사용자, 다문화 가정 사용자, 외국인 노동자 환자 등 다양한 사용자군의 요구를 포괄하는 「유니버설 디자인」은 「弘益人間」 철학의 「널리 인간을 이롭게 한다」는 원리의 구체적 실현입니다. 강북삼성병원 원격 대시보드는 한국어·영어·중국어· 베트남어 4개 언어 인터페이스를 제공하여, 외국인 환자 접근성을 보장한 사례로 인용됩니다.

§5.F 결언

환자 대시보드와 데이터 시각화는 RPM 시스템의 「창」이며, 환자와 의료진이 데이터를 「이해」하고 「행동」할 수 있도록 매개하는 결정적 영역입니다. 본 장에서 다룬 인지 부하 관리, 시각화 채널 매핑, 라이브러리 선택, 성능 최적화, 모바일 정합, 접근성, 행동 변화 이론은 모두 「데이터를 인간에게 의미 있는 형태로 제시한다」는 단일 목표를 향한 다양한 경로입니다. 다음 장(제6장)에서는 이러한 대시보드에 통합되는 의료기관 임상 정보 시스템과의 통합을 다룹니다.

§5.G 시각화의 문화적 적합성

대시보드 설계에서 「문화적 적합성」은 글로벌 RPM 시스템의 필수 요소입니다. 색상의 문화적 의미는 권역마다 다르며, 한국에서 「빨강」은 위험과 함께 「길조」를 의미하기도 하고, 「흰색」은 청결과 함께 「상복」의 의미를 가집니다. 「초록」은 한국에서 안전·자연의 의미가 강하지만, 일부 문화권에서는 「불행」의 의미가 있습니다. 본 표준은 색상 사용 시 「국제 의료 색상 표준」(IEC 60601-1-8)을 기본값으로 채택하고, 권역별 조정 옵션을 제공할 것을 권장합니다.

언어적 적합성도 핵심 요소입니다. 한국어 대시보드는 「존댓말」을 기본으로 하되, 노인 환자에게는 더욱 정중한 표현을, 청소년 환자에게는 친근한 어조를 선택적으로 제공할 수 있어야 합니다. 분당서울대병원 「My Health Way」 모바일 앱은 사용자 연령대에 따라 자동으로 어조 톤을 조정하는 기능을 시범 운영하고 있으며, 노인 사용자 만족도가 일률 적용 대비 평균 1.3점(5점 만점) 향상되었음을 보고 합니다.

§5.H 데이터 윤리와 환자 자율성

환자 대시보드는 단순한 정보 표시 도구를 넘어 「환자의 자기 인식」을 형성하는 매개체입니다. 따라서 「어떤 데이터를 어떻게 보여줄 것인가」는 윤리적 결정 입니다. 「체중」을 너무 강조하면 섭식 장애를 유발할 수 있고, 「혈압」을 지나치게 강조하면 「백의 고혈압」(병원에서만 혈압이 오르는 현상)과 유사한 「대시보드 고혈압」을 유발할 수 있습니다. 본 표준은 「데이터 노출의 비례성」 원칙을 채택하여, 환자의 임상 상태와 정신 건강을 고려한 적정 노출 수준을 의료진이 설정할 수 있도록 보장합니다.

「환자 자율성」은 대시보드 설계의 핵심 윤리적 원칙입니다. 환자는 「자신의 데이터를 볼 권리」와 「보지 않을 권리」를 동시에 보유합니다. 「자살 사고」나 「우울증 자가 평가 점수」와 같은 민감 항목은 환자의 명시적 의사 없이는 노출하지 않는 「프라이버시 잠금」 기본값이 권장됩니다. 분당서울대병원과 서울아산병원은 이러한 「민감 항목 잠금」 기본값을 운영하고 있으며, 환자가 상담 후 명시적으로 잠금을 해제할 때만 노출하는 정책을 채택합니다.

마지막으로, 「데이터 시각화의 알고리즘 투명성」은 신뢰의 기초입니다. 머신러닝 기반 예측 모델이 「향후 7일 내 재입원 위험 67 %」와 같은 결과를 표시할 때, 그 근거가 되는 주요 변수와 학습 데이터의 출처가 환자와 임상의에게 설명 가능해야 합니다. 본 표준은 「설명 가능 AI」 (Explainable AI) 원칙을 「골드」 인증 이상의 의무 요건으로 규정하며, 「SHAP」 (SHapley Additive exPlanations) 또는 「LIME」 (Local Interpretable Model-agnostic Explanations)과 같은 해석 가능성 기법의 적용을 권장합니다.

§5.I 한국 환자 대시보드 운영 사례 심층

한국 상급종합병원의 환자 대시보드 운영 사례를 심층 분석하면, 「의료진 중심」 대시보드에서 「환자 중심」 대시보드로의 패러다임 전환이 진행 중입니다. 분당서울대병원 「My Health Way」 모바일 앱은 환자 본인이 자신의 「HEART_RATE· BLOOD_PRESSURE·GLUCOSE·WEIGHT」 7일 추세를 한 화면에 통합하여 확인할 수 있도록 설계되었으며, 의료진 메모와 자가관리 가이드가 결합됩니다. 65세 이상 환자군의 자가 사용 성공률 92 %는 「KWCAG 2.2 AA」 접근성 정합과 노인 친화적 인터페이스 설계의 성과입니다.

강북삼성병원의 「원격 대시보드」는 4개 언어(한국어·영어·중국어·베트남어) 인터페이스와 음성 안내(스크린리더 정합), 16pt 이상 글꼴, 색상 대비 7:1 이상의 고대비 모드를 기본값으로 채택하여, 외국인 환자와 시각 장애 환자 접근성을 보장합니다. 「Smart Patient Care」 (삼성서울병원)는 「FHIR Subscription」 실시간 푸시 갱신을 활용하여 측정값 도착 시 5초 이내 대시보드 반영을 달성합니다.

서울아산병원의 「ASAN Connected Care」 환자 포털은 「CGM」 연속혈당측정과 「PULSE_OXIMETER」 산소포화도 데이터를 30일 시계열 차트로 시각화하며, 환자가 자신의 데이터를 의료진과 함께 「공유 의사결정」 (Shared Decision Making) 상담에 활용할 수 있도록 지원합니다. 분당서울대병원이 보고한 312명 6개월 추적 결과에서 적극 사용군의 약물 순응도가 대조군 대비 1.7배 높았던 데이터는 대시보드가 「자가관리 능력 강화」 (Patient Activation)의 실질적 매개체임을 입증합니다.

보건복지부 「My Health Way」 국가 단위 플랫폼은 향후 모든 의료기관 RPM 데이터의 통합 조회 창구로 진화할 예정이며, 한국보건의료정보원(KIPHIN)이 「HL7 FHIR R5 한국 프로파일」 기반 표준화를 주도합니다. 「개인정보 보호법」 §35 (개인정보의 열람)와 「의료법」 §21 (진료기록부)의 결합은 환자 데이터 접근권의 법적 기반을 제공하며, 본 표준은 이러한 법적 기반 위에 「실버」 인증 이상의 의무 요건으로 환자 본인 접근권을 규정합니다.

「弘益人間」 철학은 환자 대시보드 설계의 모든 단계에서 작동합니다. 「데이터의 과도한 노출이 환자에게 불안을 주지 않도록」, 「정보의 부족이 환자의 자기 결정권을 침해하지 않도록」, 「기술의 복잡성이 노인·장애·다문화 환자를 배제하지 않도록」, 「민감 정보의 비의도적 노출이 가족 관계를 손상시키지 않도록」 다양한 윤리적 기준이 균형 있게 적용됩니다. 본 장은 이러한 균형의 기술적·운영적 구현 방법을 제시하며, 다음 장에서는 이러한 대시보드와 결합되는 의료기관 임상 정보 시스템 통합을 다룹니다.

§5.J 본 장 요약

본 장은 환자 대시보드와 데이터 시각화의 ENUM 매핑, 인지 부하 관리, 시각화 라이브러리, 모바일 정합, 접근성, 행동 변화 이론, 문화적 적합성, 데이터 윤리, 한국 운영 사례의 9개 영역을 다루었습니다. 「NORMAL·WARNING·CRITICAL· MISSING_DATA·LOW_BATTERY」 알람 토큰을 색상·형상·접근성 라벨의 다중 채널로 표현하는 시각화 매핑은 「WCAG 2.1 AA」와 「KWCAG 2.2 AA」 동시 정합의 기술적 구현입니다.

보건복지부 「My Health Way」 국가 단위 플랫폼, 분당서울대병원의 「My Health Way 모바일 앱」, 삼성서울병원의 「Smart Patient Care」, 서울아산병원의 「ASAN Connected Care 환자 포털」, 강북삼성병원의 「4개 언어 인터페이스」는 한국 환자 대시보드 운영의 다양한 모범 사례를 제공합니다. 다음 장에서는 이러한 대시보드가 통합되는 의료기관 임상 정보 시스템을 다룹니다.