1 of 16

메뉴1

메뉴2

설명

메인

로그인 / 회원가입 선택

회원가입

회원 정보 입력 후 가입

로그인

로그인 기능

내 정보

회원 정보 수정

회원 정보 수정 기능

회원 탈퇴 신청

회원 탈퇴 신청 기능

관리자

회원 관리

회원정보 수정, 계정 정지/해제

회원 가입 승인 / 탈퇴 승인

회원 가입 승인 / 회원 탈퇴 승인 기능

로그 확인

로그 확인 기능

환자 조회

환자 조회 기능

진료 기록

진료기록 조회

진료기록 조회 기능

진료기록 수정/삭제

진료기록 수정/삭제 기능

판독영상

영상 조회/조작

영상 조회/조작 기능

2 of 16

]

Web UI/UX

화면경로

/

화면명

Main

파일명

main

연결화면

작성자

이민수

작성일

2025.02.18

Description

설명

D01

헤더 출력

D02

메인 메뉴 선택 폼

D03

푸터 출력

링크

L01

로그인 페이지로 이동

L02

회원가입 페이지로 이동

Dr. Scan

로그인

회원가입

사이트 정보 footer

L2

L1

D2

D3

Dr. Scan

D3

3 of 16

]

Web UI/UX

화면경로

/users/signin

화면명

signin

파일명

SignInForm

연결화면

작성자

이준호

작성일

2025.02.18

Description

설명

D01

로그인 폼

D02

로그인 정보 입력

* 아이디, 비밀번호

D03

헤더 출력

D04

푸터 출력

링크

L01

로그인 버튼

L02

회원가입 페이지로 이동

Sign In

Sign Up

ID :

PW :

Sign In

D1

L1

L2

D2

Dr. Scan

사이트 정보 footer

D1

D3

D4

4 of 16

]

Web UI/UX

화면경로

/users/signin

화면명

signin

파일명

SignInForm

연결화면

작성자

이준호

작성일

2025.02.18

Description

설명

D01

인증 폼 모달

D02

인증코드 입력

D03

헤더 출력

D04

푸터 출력

링크

L01

인증코드 확인

authentication

CODE :

check

D1

L1

D2

Dr. Scan

사이트 정보 footer

D1

D3

D4

5 of 16

]

Web UI/UX

화면경로

/users/signup

화면명

signup

파일명

SignUpForm

연결화면

작성자

이준호

작성일

2025.02.18

Description

설명

D01

회원가입 폼

D02

회원가입 정보 입력

* 아이디, 비밀번호, 병원명, 진료과, 이름, 이메일, 전화번호

D03

헤더 출력

D04

푸터 출력

링크

L01

회원가입 진행

L02

로그인 페이지로 이동

Sign Up

ID :

PW :

NAME :

EMAIL :

PHONE :

HN :

DP :

Sign Up

D1

L1

D2

Sign In

L2

Dr. Scan

인증

사이트 정보 footer

D3

D4

6 of 16

]

Web UI/UX

화면경로

/users/myinfo

화면명

myinfo

파일명

MyInfoForm

연결화면

작성자

이준호

작성일

2025.02.18

Description

설명

D01

사용자 정보 수정 폼

D02

회원정보 수정

* 비밀번호, 병원명, 진료과, 이름, 전화번호만 수정가능

D03

헤더 출력

D04

푸터 출력

링크

L01

사용자 정보 수정 진행

L02

myinfo 페이지로 이동

L03

로그아웃

MY INFO

ID : TEST1

PW : **********

NAME : 더조은

EMAIL : thejoeunaca@co.kr

PHONE : 010-1234-1234

HN : 더조은 병원

DP : 정형외과

Edit

D1

L1

D2

Dr. Scan

사이트 정보 footer

D3

D4

admin님 | 내 정보 | 로그아웃

L2

L3

탈퇴신청

7 of 16

]

Web UI/UX

화면경로

/admin

화면명

admin

파일명

admin

연결화면

작성자

이준호

작성일

2025.02.18

Description

설명

D01

관리자 페이지

D02

사용자 관리 폼

* 아이디, 이메일, 계정상태, 권한

D03

메뉴탭

D04

헤더 출력

D05

푸터 출력

링크

L01

회원 정보 수정

L02

myinfo 페이지로 이동

L03

로그아웃

사이트 정보 footer

관리자 : admin

회원관리

가입승인

탈퇴승인

No. 1 CODE : 1001 ID : 테스트1 NAME : 테스트1

아이디

수정

계정상태

Dr. Scan

admin님 | 내 정보 | 로그아웃

로그

D1

L1

D2

D3

D4

D4

L2

L3

이메일

권한

8 of 16

]

Web UI/UX

화면경로

/admin

화면명

admin

파일명

admin

연결화면

작성자

이준호

작성일

2025.02.18

Description

설명

D01

관리자 페이지

D02

회원가입을 한 사용자 표시

D03

메뉴탭

D04

헤더 출력

D05

푸터 출력

링크

L01

승인

L02

myinfo 페이지로 이동

L03

로그아웃

사이트 정보 footer

관리자 : admin

회원관리

가입승인

탈퇴승인

No. 1 CODE : 1001 ID : 테스트1 NAME : 테스트1

✔️

Dr. Scan

admin님 | 내 정보 | 로그아웃

로그

D1

D3

L1

D2

D3

D4

D4

D4

L2

L3

9 of 16

]

Web UI/UX

화면경로

/admin

화면명

admin

파일명

admin

연결화면

작성자

이준호

작성일

2025.02.18

Description

사이트 정보 footer

관리자 : admin

회원관리

가입승인

탈퇴승인

No. 1 CODE : 1002 ID : 테스트2 NAME : 테스트2

✔️

Dr. Scan

admin님 | 내 정보 | 로그아웃

로그

D1

D3

설명

D01

관리자 페이지

D02

탈퇴 신청을 한 사용자 표시

D03

메뉴탭

D04

헤더 출력

D05

푸터 출력

링크

L01

승인

L02

myinfo 페이지로 이동

L03

로그아웃

L1

D2

D3

D4

D4

D4

L2

L3

10 of 16

]

Web UI/UX

화면경로

/admin

화면명

admin

파일명

admin

연결화면

작성자

김현창

작성일

2025.02.18

Description

설명

D01

헤더출력

D02

로그리스트 출력

D03

페이지 이동 버튼 출력

D04

푸터 출력

링크

L01

메인 페이지로 이동

L02

해당 페이지로 이동

L03

myinfo 페이지로 이동

L04

로그아웃

관리자 : admin

회원관리

가입승인

탈퇴승인

코드 사용자코드 시리즈id 이벤트 발생일시

로그

1 11 Series11 작성 2025-02-02 10:52:12

2 23 Series11 조회 2025-02-02 15:32:52

3 6 Series8 수정 2025-02-05 11:37:28

1 2 3 4 5 6 7 8 9 10

Dr. Scan

admin님 | 내 정보 | 로그아웃

사이트 정보 footer

L1

L2

D1

D2

D3

L3

L4

D4

11 of 16

]

Web UI/UX

화면경로

/

화면명

파일명

연결화면

작성자

이민수

작성일

2025.02.18

Description

설명

D01

헤더출력

D02

환자 정보 입력 폼

D03

환자 정보 입력

* 환자 ID, DICOM Series UID

D04

푸터 출력

링크

L01

메인 페이지로 이동

L02

검색

L03

myinfo 페이지로 이동

L04

로그아웃

Dr. Scan

더조은님 | 내 정보 | 로그아웃

사이트 정보 footer

L1

L2

D1

D2

D3

환자 정보를 입력하세요

검색

L3

L4

D4

12 of 16

]

Web UI/UX

화면경로

/

화면명

파일명

연결화면

작성자

이민수

작성일

2025.02.18

Description

설명

D01

헤더 출력

D02

해당 환자 정보 출력

D03

페이지 이동 버튼 출력

D04

환자 정보 출력

D05

푸터 출력

D06

진료 기록 또는 영상 판독 선택지 출력

링크

L01

메인 페이지로 이동

L02

해당 페이지로 이동

L03

해당 검사 상세 정보 선택

L04

myinfo 페이지로 이동

L05

로그아웃

L06

영상 뷰어 페이지로 이동

L07

차트 작성 페이지로 이동

환자 정보를 입력하세요

환자성명 환자 ID 성별 생년월일 촬영기기 설명 촬영날짜 촬영시간

unknown MS0001 M 2000-01-01 CT example 2025-02-02 10:52:12

1 2 3 4 5 6 7 8 9 10

Dr. Scan

더조은님 | 내 정보 | 로그아웃

사이트 정보 footer

L1

D1

D2

D3

D4

L3

L4

L5

D5

환자 정보를 입력하세요

unknown MS0003 M 2002-01-01 CT example 2025-02-05 16:48:20

🔍

D8

진료 기록 조회

영상 판독

L7

L6

D6

13 of 16

]

Web UI/UX

화면경로

/clinic/{patientCode}

화면명

clinic

파일명

clinic

연결화면

작성자

이민수

작성일

2025.02.18

Description

설명

D01

헤더 출력

D02

해당 환자 정보 출력

D03

페이지 이동 버튼 출력

D04

진료 목록 출력

D05

푸터 출력

링크

L01

메인 페이지로 이동

L02

myinfo 페이지로 이동

L03

로그아웃

L04

상세보기 페이지로 이동

L05

진료 등록 페이지로 이동

진료 코드 환자 코드 진료 날짜 진료 내용 등록일시 수정일시 상세보기

10001 MS0001 2025-01-28 example…. 20250128 20250211

1 2 3 4 5 6 7 8 9 10

Dr. Scan

더조은님 | 내 정보 | 로그아웃

사이트 정보 footer

L1

D1

D3

D4

L4

L5

D5

MS0001님의 진료기록

10002 MS0001 2025-01-30 example2… 20250204 20250222

10003 MS0001 2025-02-02 example3… 20250204 20250222

D2

진료 등록

L6

상세 보기

상세 보기

상세 보기

L4

14 of 16

]

Web UI/UX

화면경로

/clinic/detail/{clinicCode}

화면명

clinic/detail

파일명

clinic/detail

연결화면

작성자

이민수

작성일

2025.02.18

Description

설명

D01

헤더 출력

D02

해당 환자 정보 출력

D03

진료 상세 정보 출력

D04

푸터 출력

링크

L01

메인 페이지로 이동

L02

myinfo 페이지로 이동

L03

로그아웃

L04

진료기록 수정

L05

진료기록 삭제

환자 정보를 입력하세요

진료 코드 :

환자 코드 :

진료날짜 :

진료 내용:

Dr. Scan

더조은님 | 내 정보 | 로그아웃

사이트 정보 footer

L1

D1

D2

D3

L2

L3

D4

MS0001님의 진료기록

수정

삭제

10001

MS0001

2025-01-28

example1~~~~~~~~~

L4

L5

15 of 16

]

Web UI/UX

화면경로

/clinic/add/{patientCode}

화면명

clinic/add

파일명

clinic/add

연결화면

작성자

방서준

작성일

2025.02.18

Description

설명

D01

헤더 출력

D02

해당 환자 정보 출력

D03

진료 정보 입력

D04

푸터 출력

링크

L01

메인 페이지로 이동

L02

myinfo 페이지로 이동

L03

로그아웃

L04

진료 등록

환자 정보를 입력하세요

의사ID :

진료날짜 :

진료 내용:

Dr. Scan

더조은님 | 내 정보 | 로그아웃

사이트 정보 footer

L1

D1

D2

D3

L2

L3

D4

MS0001님 진료 등록

진료 등록

10005

L4

16 of 16

]

Web UI/UX

화면경로

/

화면명

파일명

연결화면

작성자

이민수

작성일

2025.02.18

Description

설명

D01

헤더 출력

D02

영상 출력 및 영상 조작

D03

판독 조작 기능 출력 및 선택

D04

시리즈 및 영상 목록 출력 및 선택

D05

환자 정보 및 영상 정보 출력

D06

푸터 출력

링크

L01

메인 페이지로 이동

L02

myinfo 페이지로 이동

L03

로그아웃

영상 조작 기능 선택

Dr. Scan

더조은님 | 내 정보 | 로그아웃

사이트 정보 footer

L1

D1

L4

L5

D6

영상 출력

환자 정보

영상 정보

출력

시리즈 및 영상

목록 출력

D4

D3

D5

D2