+ All Categories
Home > Documents > HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 · 2015-05-15 ·...

HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 · 2015-05-15 ·...

Date post: 13-Jul-2020
Category:
Upload: others
View: 0 times
Download: 0 times
Share this document with a friend
8
ISSN 2383-6318(Print) / ISSN 2383-6326(Online) KIISE Transactions on Computing Practices, Vol. 21, No. 5, pp. 365-372, 2015. 5 http://dx.doi.org/10.5626/KTCP.2015.21.5.365 본 연구는 2013학년도 성신여자대학교 학술연구비 지원에 의하여 연구되었음 심사완료 : 2015216(Accepted 16 February 2015) †† 학생회원 종신회원 : : 성신여자대학교 대학원 컴퓨터학과 [email protected] 성신여자대학교 IT학부 교수 (Sungshin Women's Univ.) [email protected] (Corresponding author) Copyright2015 한국정보과학회ː개인 목적이나 교육 목적인 경우, 이 저작물 의 전체 또는 일부에 대한 복사본 혹은 디지털 사본의 제작을 허가합니다. 이 때, 사본은 상업적 수단으로 사용할 수 없으며 첫 페이지에 본 문구와 출처를 반드시 명시해야 합니다. 이 외의 목적으로 복제, 배포, 출판, 전송 등 모든 유형의 사용행위 를 하는 경우에 대하여는 사전에 허가를 얻고 비용을 지불해야 합니다. 정보과학회 컴퓨팅의 실제 논문지 제21권 제5(2015. 5) 논문접수 : 20141117(Received 17 November 2014) 논문수정 : 2015122(Revised 22 January 2015) HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 (An HTML5 based AAC Board Making System) 장유진 홍기형 †† (Yujin Jang) (Ki-Hyung Hong) 보완대체의사소통(AAC)은 의사소통의 어려움을 해결하는 광범위한 지원책으로 구어를 이용한 의사소통을 보완하거나 대신하기 위하여 사용되는 여러 가지 형태의 비구어적 의사소통 방법이다. 우리나 라의 잠재적인 AAC 수요자가 늘어가면서 AAC에 대한 필요성이 증가하고 있으나 실질적인 활용이 활발 하게 이루어지지 않고 있는 실정이다. 이에 본 논문은 웹을 기반으로 하여 제작자 그룹 간 의사소통 판을 제작하고 공유하며 판 사용자가 의사소통 판을 효율적으로 활용할 수 있도록 하는 의사소통 판 시스템을 구현하였다. 본 논문에서 구현한 시스템을 통하여 병원, 학교, 직장 등 여러 환경에서의 의사소통 판의 활 용에 기여하고자 한다. 키워드: 보완대체의사소통(AAC), 의사소통 판, 웹 응용, 의사소통 장애 Abstract Augmentative and Alternative Communication(AAC) is the widespread supporting plan to solve the communication problem of the people with communication disorder. AAC means various types of non-verbal communication methods that are used to augment or substitute the communica- tions of using speech. With the increasing number of potential Korean AAC users, the demands for AAC are also increasing. In spite of the increasing demands, AAC is not being actively and practically used. In this paper, we implemented a web-based AAC board making system, where the board- makers (special educators and speech therapists) can create and share the customized boards to help the board-users (people with communication disorder). The web-based AAC board making system contributes to the application of AAC in many societies, such as hospitals, schools, companies, or anywhere the AAC intervention is needed. Keywords: augmentative and alternative communication, communication board, web-based system, communication disorder
Transcript
Page 1: HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 · 2015-05-15 · html5기반 보완・대체 의사소통 판 제작 및 활용 시스템 367 2.1.1 상징

ISSN 2383-6318(Print) / ISSN 2383-6326(Online)

KIISE Transactions on Computing Practices, Vol. 21, No. 5, pp. 365-372, 2015. 5

http://dx.doi.org/10.5626/KTCP.2015.21.5.365

․본 연구는 2013학년도 성신여자 학교 학술연구비 지원에 의하여 연구되었음 심사완료 : 2015년 2월 16일

(Accepted 16 February 2015)†

††

학생회원

종신회원

:

:

성신여자 학교 학원 컴퓨터학과

[email protected]

성신여자 학교 IT학부 교수

(Sungshin Women's Univ.)

[email protected]

(Corresponding author임)

CopyrightⒸ2015 한국정보과학회ː개인 목 이나 교육 목 인 경우, 이 작물

의 체 는 일부에 한 복사본 혹은 디지털 사본의 제작을 허가합니다. 이 때,

사본은 상업 수단으로 사용할 수 없으며 첫 페이지에 본 문구와 출처를 반드시

명시해야 합니다. 이 외의 목 으로 복제, 배포, 출 , 송 등 모든 유형의 사용행

를 하는 경우에 하여는 사 에 허가를 얻고 비용을 지불해야 합니다.

정보과학회 컴퓨 의 실제 논문지 제21권 제5호(2015. 5)논문 수 : 2014년 11월 17일

(Received 17 November 2014)

논문수정 : 2015년 1월 22일

(Revised 22 January 2015)

HTML5기반 보완 ・ 체 의사소통 제작 활용 시스템

(An HTML5 based AAC Board Making System)

장 유 진† 홍 기 형

††

(Yujin Jang) (Ki-Hyung Hong)

요 약 보완 체의사소통(AAC)은 의사소통의 어려움을 해결하는 범 한 지원책으로 구어를 이용한

의사소통을 보완하거나 신하기 하여 사용되는 여러 가지 형태의 비구어 의사소통 방법이다. 우리나

라의 잠재 인 AAC 수요자가 늘어가면서 AAC에 한 필요성이 증가하고 있으나 실질 인 활용이 활발

하게 이루어지지 않고 있는 실정이다. 이에 본 논문은 웹을 기반으로 하여 제작자 그룹 간 의사소통 을

제작하고 공유하며 사용자가 의사소통 을 효율 으로 활용할 수 있도록 하는 의사소통 시스템을

구 하 다. 본 논문에서 구 한 시스템을 통하여 병원, 학교, 직장 등 여러 환경에서의 의사소통 의 활

용에 기여하고자 한다.

키워드: 보완 체의사소통(AAC), 의사소통 , 웹 응용, 의사소통 장애

Abstract Augmentative and Alternative Communication(AAC) is the widespread supporting plan

to solve the communication problem of the people with communication disorder. AAC means various

types of non-verbal communication methods that are used to augment or substitute the communica-

tions of using speech. With the increasing number of potential Korean AAC users, the demands for

AAC are also increasing. In spite of the increasing demands, AAC is not being actively and practically

used. In this paper, we implemented a web-based AAC board making system, where the board-

makers (special educators and speech therapists) can create and share the customized boards to help

the board-users (people with communication disorder). The web-based AAC board making system

contributes to the application of AAC in many societies, such as hospitals, schools, companies, or

anywhere the AAC intervention is needed.

Keywords: augmentative and alternative communication, communication board, web-based system,

communication disorder

Page 2: HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 · 2015-05-15 · html5기반 보완・대체 의사소통 판 제작 및 활용 시스템 367 2.1.1 상징

366 정보과학회 컴퓨 의 실제 논문지 제 21 권 제 5 호(2015. 5)

1. 서 론

의사소통은 인간의 기본 인 욕구이자 권리이다. 그러

나 선천 는 후천 인 다양한 요인으로 외부의

한 도움 없이는 의사소통이 불가능한 사람들이 있다. 의

사소통 장애의 선천 요인으로는 지능장애, 뇌성마비,

자폐증, 발달성 말 실행증 등이 있으며 후천 요인으로

는 루게릭병이나 다발성 경화증, 뇌졸 , 척추외상 등이

있다[1].

보완・ 체 의사소통(Augmentative and Alternative

Communication, 이하 AAC)은 의사소통의 어려움을

해결하는 범 한 지원책으로 구어를 이용한 의사소통

을 보완하거나 신하기 하여 사용되는 여러 가지 형

태의 비구어 의사소통 방법이다[2]. AAC 도구는

수 의 자/비 자 AAC (다른 말로는 의사소통

)에서 고수 의 AAC 소 트웨어까지 매우 다양하다.

AAC 도구는 일반 으로 자를 모르더라도 소통을 원

하는 의미를 잘 나타내는 상징( 를 들어, ‘ ’는 O, ‘아

니오’는 X, ‘엄마’는 실제 해당 장애인의 어머니 사진

등)을 사용하여 상징을 장애인이 가리키면 이를 의사소

통 상 방이 장애인의 의사를 알 수 있도록 하는 것이

다. 단순히 ‘ ’, ‘아니오’의 의사소통에서부터 고수 의

주어, 술어, 목 어 등을 갖춘 완 한 문장 표 까지를

상징들의 조합으로 구성할 수 있도록 도와 다.

수 의 의사소통 은 유아, 아동 는 지 능력의

하로 자를 통한 의사소통이 불가능하거나, 고수 의

AAC 소 트웨어를 사용하기 한 단계의 의사소통

훈련을 하여 사용한다. 의사소통 은 주로 종이 에

사용자의 능력과 요구에 따라 자, 숫자, 그림, 부호 등

사용자가 선택할 수 있는 상징들이 배열되어 있는 수

의 AAC 보조 도구이나 기술이 발달함에 따라 자

기기와 함께 결합하여 청각 피드백이 출력되는 형태

로도 제공되고 있다[3].

의사소통 의 제작은 특수 교사나 언어 치료사, 는

부모와 같이 의사소통 장애인의 의사소통을 교육 훈련

하는 문가에 의하여 각 의사소통 장애인의 의사소통

발달 상태에 알맞게 제작되어 의사소통 장애인에게 제

공되는 것이 일반 이다.

웹을 통해 서비스가 가능한 의사소통 제작 활

용 시스템을 구 할 경우, 웹 라우 만 있다면 장애인

이 사용하는 기기(스마트 단말기, PC 등)가 어떤 사양

인지 계없이 근이 가능하며 시스템 상의 문제나 업

그 이드를 웹 서버 측에서 리하기 때문에 유지

보수가 편리하다. 한 낮은 사양의 하드웨어에서도 사

용 가능하고 별도의 소 트웨어 구매가 필요 없기 때문

에 비용을 감할 수 있다는 장 이 있다.

재 국내에서 개발된 웹기반 AAC 제작 도구는 없

으며 국외에는 알 시콤 테크(Alexicom Tech)사의 웹

기반 AAC 시스템(AAC Cloud of Alexicom Tech)[4]

과 Mayor-Johnson사의 보드메이커 온라인(BoardMaker

Online)[5]이 있다. 보드메이커 온라인은 국외에서 가장

보편 으로 사용되고 있는 AAC 시스템으로 사용자가

온라인 편집기를 이용하여 여러 교육활동을 제작

하고 공유하여 제작한 활동과 을 학생들에게 배포하

여 사용한다.

그러나 국외의 의사소통 제작 도구들은 모든 메뉴

와 기능이 어로 되어있고 자를 읽어주는 음성합성

기능도 한국어를 지원하지 않기 때문에 국내에서 사용

되기에 불편함이 있다. 한 그림 1의 ‘김치’처럼 우리나

라의 문화에 맞는 상징과 을 제공하지 않는다. 그 외

에도 상징의 분류체계가 단계별로 나뉘어 있지 않고 상

징의 이름으로만 검색할 수 있기 때문에 상징을 검색하

는 데에 많은 시간이 소요된다.

한 존하는 국내 스마트 AAC 도구들은 웹기반으

로 제작한 을 공유할 수 있는 기능이 없어서 특수교

사나 언어치료사가 개별 으로 만든 을 다른 장애인

을 하여 다른 특수 교사나 언어치료사와 공유하기 매

우 어렵다.

본 논문에서는 우리나라의 문화와 언어에 맞는 웹 기

반 의사소통 제작 시스템을 구 하 다. 시스템 사용

자 계층을 제작자와 사용자로 나 어 제작자

들 간에 제작한 과 상징을 서로 공유하여 사용할 수

있도록 하 으며 한 명의 제작자가 여러 사용자

에게 을 제공할 수 있도록 구 하 다. 사용자는

웹 라우 만 있다면 여러 의 기기에서 제작된 을

사용할 수 있다. 한 상징의 분류체계를 단계별로 나

어서 분류체계에 따라 상징을 빠르게 검색할 수 있도록

하 으며 지 장애 아동이 상징을 인식하는데 있어서

애니메이션이 용된 상징을 더 잘 인식한다는 연구 결

과[6]에 따라 상징의 이미지로 애니메이션 구 이 가능

한 GIF확장자를 포함하 다.

2. 웹 기반 의사소통 시스템의 설계

2.1 웹기반 의사소통 의 구성요소

본 시스템에서 의사소통 은 크게 상징과 으로 구

성되어있다. 상징과 은 모두 시스템에서 제공해주는

기본형(built-in)과 제작자(특수교사, 언어 치료사 등)

가 제작하는 맞춤형, 제작자들에 의해 공유된 공유형

으로 분류된다.

본 시스템에서 사용자에게 기본 으로 제공되는 기본

형 상징 이미지는 이화여자 학교 특수연구소에서 우리

문화에 맞게 개발한 약 9000개의 상징을 사용한다[7].

Page 3: HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 · 2015-05-15 · html5기반 보완・대체 의사소통 판 제작 및 활용 시스템 367 2.1.1 상징

HTML5기반 보완 ・ 체 의사소통 제작 활용 시스템 367

2.1.1 상징

상징은 사용자가 을 이용하여 의사소통을 할 때

선택되어 문장을 이룰 수 있는 어휘를 뜻한다. 상징은

상징 명 는 선택할 때 발성되는 문장인 텍스트, 상징

의 그림 부분인 이미지, 선택하 을 때 들리는 소리 3가

지 요소로 구성된다. 그림 1은 상징의 구성과 실제 상징

의 이다.

상징은 제작자가 상황별 사용 환경에서 어휘를 쉽

게 선택할 수 있도록 AAC 상징 어휘범주에 따라 분류

체계를 가진다. 상징의 분류체계는 가장 최상 범주로

기본형, 맞춤형, 공유 상징으로 나뉜다. 그 다음으로 상

황 별 항목인 1단계 범주, 그리고 1단계 범주의 하 항

목인 2단계 범주로 나뉜다. 다음 그림 2는 상징 분류체

계의 로 최상 범주로 기본형 상징이, 1단계 범주로

‘음식’이 선택되어 2단계 범주로 ‘간식’, ‘외식’, ‘음료’,

‘배달음식’ 등이 해당된다.

그림 1 상징 구성과 실제 상징

Fig. 1 Components of an AAC symbol

그림 2 상징 분류체계의

Fig. 2 AAC symbol classification

2.1.2

은 상징들의 모음이다. 제작자는 원하는 상징을

이용하여 특정 의사소통 장애인에게 합한 을 제작

할 수 있다. 사용자(의사소통 장애인)는 자신에게 알

맞게 제작된 에서 의사소통을 한 상징을 선택하여

의사소통에 활용한다.

을 제작할 때 상징이 들어갈 가로의 셀 개수와 세

그림 3 3×3크기의 의사소통 의

Fig. 3 Example of a 3×3-size AAC board

로의 셀 개수를 선택하여 이아웃을 결정한다. 그림 3

은 3×3사이즈로 제작된 의사소통 의 이다.

2.2 시스템 사용자 계층

2.2.1 제작자

본 논문에서는 제작자는 사용자와 상 하여

화하는 사람으로 사용자를 직 지도했거나 재 의

사소통 기회가 가장 많다고 사료되는 사용자이다. 주로

특수교사, 언어치료사 사용자의 보호자인 어머니,

비 장애 형제 등이 제작자의 상에 해당된다.

제작자는 사용자가 의사소통에 활용할 과 상

징을 제작하여 사용자에게 을 제공하는 사용자이

며 사용자를 리한다. 과 상징 제작은 생성, 열람,

수정, 삭제, 공유 과정을 총칭한다.

2.2.2 사용자

본 논문에서의 사용자는 정신 지체, 실어증, 자폐

등 선천 이거나 후천 인 요인으로 인해 의사소통 장

애를 가지고 있는 사람이며 아동부터 노인까지 연령

를 상으로 한다.

본 논문에서의 사용자는 제작자에 의해 제공된

의사소통 의 상징을 선택하여 의사소통에 활용한다.

사용자가 을 활용하기 해서는 사용자의 지

능력과 장애 수 등 여러 요인에 따라 의사소통 상

자의 다양한 수 의 재가 필요하다. 재가 거의 요

구되지 않는 경우에는 제작자에 의해 제공된 리

스트 사용하고자 하는 을 사용자가 직 선택

하여 을 활용할 수 있으며 강도 높은 재가 요구되

는 경우에는 의사소통 상 자가 제작된 을 인쇄하여

사용자가 활용하도록 돕는다.

Page 4: HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 · 2015-05-15 · html5기반 보완・대체 의사소통 판 제작 및 활용 시스템 367 2.1.1 상징

368 정보과학회 컴퓨 의 실제 논문지 제 21 권 제 5 호(2015. 5)

2.3 시스템의 기능

2.3.1 상징 리

상징 리는 크게 상징 검색, 상징 생성, 상징 수정,

상징 삭제, 상징 공유 5가지의 기능을 가진다.

상징 검색은 제작자가 상징을 수정하거나 삭제하기

해 는 제작 시 상징을 삽입하기 해 선행되어

져야 하는 기능이다.

상징 공유 기능을 통해 공유된 상징은 다른 제작자가

상징을 재생성하거나 을 제작하는데 사용 되어질 수

있다.

시스템에서 제공되는 기본형 상징은 수정과 삭제가

불가능하고 맞춤형 상징은 생성, 수정, 삭제, 공유가 가

능하다. 본인이 아닌 다른 제작자가 공유한 상징은 수정

과 삭제가 불가능하며 본인이 공유한 상징은 공유를 해

제한 뒤 수정 삭제가 가능하다.

2.3.2 리

리는 크게 생성, 수정, 삭제, 공유,

검색, 활용 6가지 기능을 가진다.

검색은 제작자가 을 수정하거나 삭제하기

해 선행되어져야 하는 기능이다.

공유를 통해 공유된 은 다른 제작자가 을 재생

성하거나 사용자에게 지정하기 해 사용될 수 있다.

시스템에서 제공되는 기본형 과 다른 제작자에 의

해 공유된 은 수정과 삭제가 불가능하고 사용자

지정만 가능하다. 맞춤형 은 생성, 수정, 삭제, 공유와

사용자 지정이 가능하다. 본인이 공유한 은 공유를 해

제한 뒤 수정 삭제가 가능하다.

2.3.3 사용자 리

제작자는 사용자를 가입시키거나 탈퇴 등을

리하며 사용자의 정보를 조회할 수 있다. 사용자

가 로그인시 가장 처음으로 출력될 메인 을 설정할

수 있으며 메인 의 설정 이력을 조회할 수 있다. 한

사용자가 사용할 을 지정할 수 있다.

2.3.4 시스템의 체 인 기능 설계도

시스템은 크게 제작자의 모듈과 사용자의 모듈로

나뉜다. 그림 4는 사용자 유형에 따른 시스템 기능의 설

계도이다.

3. 웹 기반 의사소통 시스템의 구

3.1 시스템의 구 환경

웹 기반 의사소통 의 제작 활용 시스템을 구

한 환경은 다음과 같다.

∙운 체제 : windows 7 Enterprise 64bit

∙CPU : Intel(R) Core(TM) i7-2640M 2.80 GHz

∙ 로그램 언어: CSS, HTML5, Javascript, Java

그림 4 사용자 유형에 따른 시스템 기능 설계도

Fig. 4 System functions and AAC users

∙ 로그램도구: Eclipse Java EE IDE for Web

Developers

∙웹서버: Tomcat 7.0

∙음성합성(TTS) 서버: Google Text to Speech

∙데이터베이스: MySQL

3.2 시스템 수행 과정 사용 시나리오

구 내용은 실제 특수교사(윤 선생)가 의사소통 장애

아동(유리)을 하여 의사소통 을 제작하고 활용하는

과정으로 설명하 다.

3.2.1 제작자 사용 시나리오

다음은 제작자인 윤 선생이 장애를 가진 유리를

해 제작한 을 공유하여 다른 학 의 장 선생이 자

기 반의 학생에게도 을 제공하는 시나리오이다.

윤 선생은 실제 유리의 양말 사진 등을 이용한 ‘옷’

련 을 제작하여 유리로 하여 자신이 어떤 옷을

입고 싶은지 어떤 도움을 원하는지 의사소통 하도록 돕

는다.

(1) 제작자 메뉴

제작자는 회원가입을 마친 상태에서 로그인하여

제작자 련 메뉴에 근할 수 있다. 제작자가 수

행할 수 있는 기능은 리, 상징 리, 의사소통 장

애아동( 사용자) 리이다.

(2) 상징 리

① 상징 생성

그림 5는 유리의 양말을 생성하고 있는 제작자의

상징 생성화면이다. 상징을 생성하기 해서는 카테고

리, 상징 명, 상 사용자, 상징 이미지가 입력되어야

하며 추가 으로 상징에 한 상세한 설명과 상징이 선

Page 5: HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 · 2015-05-15 · html5기반 보완・대체 의사소통 판 제작 및 활용 시스템 367 2.1.1 상징

HTML5기반 보완 ・ 체 의사소통 제작 활용 시스템 369

그림 5 상징 생성 화면

Fig. 5 Making a customized symbol

택되었을 때 출력될 소리를 선택할 수 있다. 공유하기를

통해 다른 제작자들이 이용할 수 있도록 상징을 공유할

수 있다.

② 상징 검색

제작자는 카테고리를 선택하거나 상징 명으로 검

색하여 상징을 확인할 수 있으며 본인이 만든 상징을

선택하여 수정하거나 삭제할 수 있다. 상징의 이미지를

클릭하면 상징에 한 정보와 선택했을 때 출력되어질

소리를 들어볼 수 있다. 그림 6은 제작자가 ‘양말’이라는

상징 명으로 상징을 검색한 뒤 상징의 이미지를 클릭해

방 등록한 상징에 한 정보를 조회한 결과이다.

그림 6 ‘양말’ 상징 명으로 검색 결과

Fig. 6 AAC symbol searching by the symbol name of

‘socks’

(3) 리

① 생성

그림 7은 을 생성하는 화면이다. 행과 열을 셀 개수

를 선택하여 의 이아웃(여기서는 3×3)을 설정한다.

상징 검색을 통해 출력된 상징 리스트에서 에 삽입하

고자 하는 상징을 선택해 원하는 치에 드래그 앤 드

롭(Drag & Drop)하여 상징을 삽입할 수 있다.

완성한 은 하단의 장하기 버튼을 클릭하여 을

장한다. 을 장할 때에는 이름, 사용자를 지

정하여 장한다. 그림 8은 장하기 버튼을 을 때

제작자에게 팝업창으로 나타나는 화면이다.

그림 7 생성 화면

Fig. 7 Making a 3×3 AAC board

그림 8 장 화면

Fig. 8 Saving an AAC board

② 리스트 확인

을 장하면 내가 만든 의 리스트를 확인할 수

있는 페이지로 이동한다. 공유하고자 하는 을 체크해

서 공유하거나 을 추가 삭제할 수 있다.

Page 6: HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 · 2015-05-15 · html5기반 보완・대체 의사소통 판 제작 및 활용 시스템 367 2.1.1 상징

370 정보과학회 컴퓨 의 실제 논문지 제 21 권 제 5 호(2015. 5)

그림 9 리스트

Fig. 9 Board list

그림 10 미리보기

Fig. 10 Board preview

공유하고자 하는 을 선택한 뒤 공유버튼을 클릭하

면 공유된 의 리스트를 조회하고 사용자를 지정할

수 있는 페이지로 이동한다. 그림 9는 제작자가 직 만

든 리스트의 출력 화면이다. 메뉴를 선택하여 제작자

가 직 만든 리스트뿐만 아니라 공유된 , 기본형

의 리스트 한 조회할 수 있다.

을 수정하거나 의 구성을 확인하려면 제작된

의 이름을 클릭한다. 그림 10은 ‘옷 입기’ 의 이름을

클릭했을 때 나타나는 팝업창이다.

(4) 사용자 리

제작자의 메뉴 사용자 리 탭을 클릭하여 제

작자가 리하는 사용자의 목록을 확인 할 수 있다.

다음 그림 11은 재 윤 선생이 리하고 있는 사용

자의 목록이다.

제작자는 그림 11의 화면에서 사용자를 추가하

거나 삭제할 수 있고 특정 사용자가 사용할 메인

을 지정해 수 있다. 한 메인 의 지정 이력을 확

인할 수 있다.

① 메인 지정

제작자는 사용자가 로그인했을 때 바로 출력될 화

면인 메인 을 지정할 수 있다.

윤 선생이 유리의 메인 으로 ‘옷 입기’ 을 지정하

려 한다면 그림 11에서 유리의 보드 리 버튼을 클릭

해 메인 을 변경할 수 있다. 그림 12는 유리의 보드

리 버튼을 을 때 메인 을 변경 지정 할 수

있는 팝업창의 화면이다.

그림 11 재 리 인 사용자 목록

Fig. 11 Board-user list managed by a board-maker

그림 12 메인 지정 화면

Fig. 12 Main-board assignment for a board-user

② 메인 지정 이력 조회

제작자는 지 까지 사용자에게 메인 으로 지정

되었던 의 이력을 조회할 수 있다. 지 까지 유리에게

메인으로 지정된 의 이력을 조회하고자 한다면 그림

11의 히스토리 보기 버튼을 클릭하여 메인 지정 이

력을 조회 할 수 있다.

다음 그림 13은 유리의 메인 지정 이력 조회 결과

이다. 해당 화면에서 이력을 기화 하거나 이름을

클릭하여 어떤 인지 확인할 수 있다.

그림 13 메인 지정 이력 조회

Fig. 13 Main-board assignment history

(5) 지정

다음은 윤 선생이 공유한 ‘옷 입기’ 을 장 선생이

자신의 학 의 사용자에게 지정하는 시나리오이다.

제작자의 메뉴 리 탭으로 이동하여 공유된

의 리스트를 확인할 수 있다. 다음 그림 14는 공유된

의 리스트이다.

Page 7: HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 · 2015-05-15 · html5기반 보완・대체 의사소통 판 제작 및 활용 시스템 367 2.1.1 상징

HTML5기반 보완 ・ 체 의사소통 제작 활용 시스템 371

그림 14 공유 리스트

Fig. 14 Shared board list

제작자는 자신이 만든 공유 에 한해 공유를 해

제 시킬 수 있다. 사용자를 지정하고자 할 때는 변경

버튼을 클릭하여 사용자를 지정한다.

3.2.2 사용자 사용 시나리오

화면의 상단의 메뉴 바에 의 리스트가 출력되고 이

름을 선택하여 다른 으로 이동할 수 있다.

사용자가 을 활용하기 해서는 사용자의 지

능력과 장애 수 등 여러 요인에 따라 특수교사, 언

어치료사 등 의사소통 상 자의 다양한 수 의 재가

필요하다. 재가 거의 요구되지 않는 경우에는 사용

자가 을 직 선택하여 본 시스템을 활용할 수 있으

며 강도 높은 재가 요구되는 경우에는 제작된 을

직 인쇄하여 사용하거나 사용자 별 메인 을 지정

하여 해당하는 메인 을 항상 사용하게 할 수 있다.

사용자가 로그인하면 메인 으로 지정되어있는

이 가장 처음 출력된다. 각각의 상징을 클릭하면

제작자가 지정해 놓은 소리 는 상징 명을 음성합성

(TTS)으로 읽어 다. 다른 탭을 선택하여 다른

화면으로 넘어갈 수 있다. 다음은 사용자인 유리의

사용 시나리오이다.

그림 15 메인 출력화면

Fig. 15 Displaying the main-board

그림 16 메뉴 바를 통한 선택

Fig. 16 Selecting a board through menu-bar

유리는 제작자인 윤 선생이 제공한 ‘옷 입기’ 을

통해 자신이 어떤 옷을 입고 싶은지 의사소통하기 해

을 활용한다.

그림 15는 유리가 로그인 했을 때 출력되는 메인

화면이다. 그림 16은 메뉴 바의 이름을 선택해 ‘체육

회’ 으로 이동한 화면이다.

4. 결론 향후 연구

본 논문에서는 웹 기반 보완 체의사소통 제작

활용 시스템을 구 하 다. 보완 체의사소통은 선, 후

천 의사소통 장애인을 해 연구 개발된 비구어 의

사소통 체계를 말한다. 의사소통 은 수 보완 체

의사소통 방법으로 달하고자 하는 의미를 잘 표 한

상징을 으로 구성하여 의사소통 장애인이 상징을 선

택하여, 상 방과 의사소통을 실행한다. 이러한 수

의 의사소통 은 상징으로 문장을 완 히 구성할 수

있는 고수 의사소통 도구를 사용하기 한 훈련과 유

아기 지 능력이 떨어지는 의사소통 장애인을 하

여 특수 교사나 언어 치료사의 활용도가 매우 크다.

본 시스템의 특징은 다음과 같다. 첫째, 제작자(특

수교사나 언어치료사)는 자신이 가지고 있는 음성 일과

그림 일 등을 이용하여 사용자(장애인)에게 알맞은

맞춤형 상징과 을 웹기반으로 제작할 수 있다. 둘째,

제작된 상징과 은 웹을 통하여 공유함으로써 제작

자들 사이에서 폭 넓게 활용되어질 수 있다. 셋째,

제작자들이 사용자(장애인)의 의사소통 수 과 발달

정도에 따라 사용자와 의사소통 을 리할 수 있다.

Page 8: HTML5기반 보완 대체 의사소통 판 제작 및 활용 시스템 · 2015-05-15 · html5기반 보완・대체 의사소통 판 제작 및 활용 시스템 367 2.1.1 상징

372 정보과학회 컴퓨 의 실제 논문지 제 21 권 제 5 호(2015. 5)

넷째, 우리나라 문화에 맞게 개발된 기본 상징을 기반으

로 개발되었다.

어권에서는 이미 이러한 의사소통 의 제작과 활

용이 웹기반으로 사용되고 있으나 어권의 상징은 우

리 문화를 반 하지 못하여 국내에서 사용이 거의 되지

못하고 있다.

본 시스템의 활용은 학교, 병원, 직장, 가정 등 웹에

속할 수 있는 장소라면 어느 곳에서든지 활용될 수

있을 것으로 기 하며 특별히 교육 분야에서 특수교사

의 활용을 통해 언어를 구사하지 못하는 학령기의 아동

의 기 의사소통 교육에 기여할 수 있을 것이라고

상한다.

References

[ 1 ] D. Beukelman and P. Mirenda, Augmentative and

Alternative Communication: Supporting Children

and Adults with Complex Communication Needs,

3rd Ed.., Paul. H. Brookes, Baltimore, 2006.

[ 2 ] K.-Y. Kim and E. Park, "A Study on Family in-

volved Intervention Factors in Augmentative and

Alternative Communication(AAC)," Special Education

Research, Vol. 10, No. 3, pp. 219-243, Oct. 2011. (in

Korean)

[ 3 ] N. R. Kang, "Comparing the Intervention of Sign

Language and Graphic Communication Board for

Preschool Children with Severe Down Syndrome,"

master's thesis, Ewha woman‘s university, 2009. (in

Korean)

[ 4 ] Alexicom Tech. Alexicom AAC [Online]. Available:

http://alexicomaac.com (Accessed 2014, Nov. 9)

[ 5 ] Mayer-Johnson. Boardmaker Online [Online]. Available:

http://www.boardmakeronline.com (Accessed 2014,

Nov. 9)

[ 6 ] H. Lee and K.-H. Hong, "The Effect of Animations

on the AAC Symbol Recognition of Children with

Intellectual Disabilities," Special Education Research,

Vol. 12, No. 2, pp. 185-202, Jun. 2013.

[ 7 ] K.-Y. Kim, S. Y. Lee, and E. Park, "Development

of Instructional Materials for Inclusive Class Using

AAC," AAC Research & Practice, Vol. 2, No. 1, pp. 49-

69, Jun. 2014. (in Korean)

장 유 진

2014년 성신여자 학교 통계학과 졸업(학

사). 2014년~ 재 성신여자 학교 학

원 컴퓨터학과 석사과정. 심분야는 보

완 체의사소통(AAC), 웹 기반 서비스

홍 기 형

정보과학회 컴퓨 의 실제 논문지

제 21 권 제 4 호 참조


Recommended