Earticle

본 연구는 대학생의 진로교육을 활동중심으로 구현할 수 있는 웹기반 인터페이스를 설계하는 것을 목적으로 하고 있다. 연구목적의 실현을 위하여 래피드프로토타이핑에 의하여 웹 인터페이스 초안을 설계하고 이를 전문 가에게 검토 받아 설계안을 확정하도록 하였다. 전체적인 설계방향은 첫째, 진로교육의 활동 순서는 체계적 액 션러닝의 순서에 준하여 실행한다. 둘째, 학습의 순환이 발생할 수 있도록 선순환 구조로 설계한다. 두 가지 큰 설계 방향에 따라 구안된 인터페이스는 학습환경 플랫폼 위에 자기이해, 타인이 보는 나 찾기, 직업세계 알기, 진로결정하기, 진로실행 계획하기, 활동설계하기, 개인, 공동 평가 및 성찰하기 등의 단계가 상호작용성이 강한 위키 및 웹 2.0의 설계 방식에 따라 구현될 수 있도록 설계하였다. 이와 같은 연구결과를 통하여 대학 현장에서 학습자들의 활동을 중심으로 한 경험 중심의 진로교육을 구현할 수 있을 뿐만 아니라 웹을 기반으로 하여 진로 교육에의 접근성을 높일 수 있을 것으로 기대한다.

This study was designed to implement Activity-Orientated Career Education for college students, using the web-based interface. A draft web interface was designed by Rapid Prototyping and was thereafter taken to experts to review and determine the designs, in order to achieve the purpose of the study. Firstly, the sequence of activities of career education was run in accordance with the systematic order of Action Learning, in order to understand the overall design direction. Secondly, the design of the study may result in virtuous cycle-to-cycle. According to two major design directions, on the learning environment platform, the interface consisted of, knowing who I am; knowing who others think I am, knowing the job world; career decisions; career action plans; action planning; individual and co-evaluation; reflection; etc. These steps were designed to be implemented in ac-cordance with strong interactivity of Wiki and Web 2.0 designs. This study was able to implement career education experiences centered around the activities of students at university, as well as experts, in order to increase the accessibility of Career Based Education on the web.

HTML 기반 웹 어플리케이션의 여러 단점을 보완하기 위한 대안으로 RIA 기반의 웹 어플리케이션이 주목받고 있다. 그러나 RIA 기반의 웹 어플리케이션이 제공하는 인터페이스가 실제로 사용자들의 사용성을 향상시키는지에 대한 연구는 미비한 상태이다. 따라서 본 연구에서는 RIA 기반 웹 인터페이스와 HTML 기반 웹 인터페이스에 대한 사용자들의 테스크 수행 속도와 에러 횟수 등을 측정하여 효율성을 평가하고, 사용자들의 감성적 만족도를 측정함으로서 기존 HTML 기반 인터페이스와 비교 하여 RIA 기반 웹 인터페이스의 효율성이 증가하였는지 또한, HTML 기반 인터페이스와 RIA 기반 인터페이스에 대한 사용자들의 감성적인 만족도는 어떠하며 효율성과 감성적 만족도와는 어떤 상관관계가 있는지에 대하여 알아보았다. 이를 통하여 RIA 기반 인터페이스의 가치와 한계를 확인함으로써 향후 구체적인 연구의 방향을 제시 할 수 있었다.

As an alternative supplementing weakness of HTML based web application, RIA based web application comes into the spotlight. Empirical data, however, lacks on whether RIA increases users’ usability or not. Therefore, this study compares RIA based interface with HTML based interface in terms of 'efficient to use' and the 'pleasant to use'. To evaluate the ‘efficient to use’, operation speed and frequency of error are measured and analyzed. Moreover, correlation between ‘efficient to use’ and ‘pleasant to use’ has been examined it has been examined. Implications of this study are discussed to propose the better direction through understanding advantages and disadvantages of RIA based interface.

본 논문에서는 사용자의 관심영역(Region of interests, ROI)을 마찰력 기반의 스크롤을 통해 데이터를 빠르고 효율적으로 검색할 수 있는 인간-콘텐츠 사이의 새로운 인터페이스를 제안한다. 사용자가 관심이 있는 정보나 콘텐츠를 찾는 행동에서 착안한 우리의 접근 방식은 주어진 콘텐츠에서 ROI를 효율적으로 계산하고, GMM(Gaussian mixture model, 가우시안 혼합 모델)에서 착안해 개발한 커널을 기반으로 사용자가 관심 있어 하는 정보의 위치로 부드럽고 빠르게 화면을 이동시켜 정보를 탐색한다. 본 논문에서는 선형 보간법(Linear interpolation)을 적용하여 한층 부드러운 하나의 관성을 만들고, 이것을 스크롤에 적용한다. 결과적으로 사용자의 입력에 따라 정보가 검색되는 기존의 접근법과는 달리, ROI와 DOI(Degree of interests, 중요도)를 기반으로 마찰력을 제어한다. 제어된 마찰력 기반 스크롤을 통해 사용자가 관심 있어 하는 정보나 콘텐츠를 보다 쉽고 직관적으로 찾아줄 수 있기 때문에 사용자는 탐색 시간을 절약할 수 있다.

In this paper, we propose a human-content interface that allows users to quickly and efficiently search data through friction-based scrolling with ROI(Regions of interests). Our approach, conceived from the behavior of finding information or content of interest to users, efficiently calculates ROI for a given content. Based on the kernel developed by conceiving from GMM(Gaussian mixture model), information is searched by moving the screen smoothly and quickly to the location of the information of interest to the user. In this paper, linear interpolation is applied to make one softer inertia, and this is applied to scrolls. As a result, unlike the existing approach in which information is searched according to the user's input, our method can more easily and intuitively find information or content that the user is interested in through friction-based scrolling. For this reason, the user can save search time.

Robot control involves advance programming, scientific and high technology. The systematic and methodological aspects of robot controls often results in having superficial control design problems that can negatively affect the robot application, usability and appeal. User friendly interface of robot control is extremely advantageous and more attractive. To illustrate, the application of medical robot is usually handled by clients who have little background in advance programming language. Thus, it would be difficult if the client needs to use programming language to control the robot. It would justify better if the robot control is presented in a meaningful interface to the client. This way the robot application would be more natural and user friendly. This paper describes the method of developing the user interface for web based communication to control an internet robot named Tarou. The web based communication tasks involves three levels. The first one accommodates on the client sending commands to robot through the internet. The next communication level relates to the robot receiving the commands sent by the client. The final communication level generates on sending feedback on status of commands by the robot to the client. The methodology used here can be elaborated in four hierarchical steps; identify user needs and robot tasks, identify the enhancing tag reference used by the server, induce the tag into HTML, present the HTML in attractive user interface as the client control panel.

이용자 정의형 적합성 연구가 적합성의 유형 및 기준 식별에 큰 진전을 이룬 반면, 그 결과를 실제 시스템 디자인에 적용시키는데는 큰 발전이 없었다. 이러한 전제하에 본 연구는 식별된 적합성기준이 주요 웹검색엔진의 인터페이스 기능에 어느정도 접목되었는지를 조사하고 무엇이 더 이루어져야 하는지를 제안하였다. 시스템 기능에 접근하기전에 본 연구에서는 적합성연구와 정보학 및 HCI에서 이와 유사한 이용자중심 연구를 비교하여 제시하였다. 인터페이스기능을 지원하기위한 제안점은 (1) 인터페이스 디자인의 추가적인 개인화, (2) 웹 컨텐츠를 위한 저자제공 메타 태그, 그리고 (3) 링크구조에 입각한 비주제적 표현의 확장 등이다.

Although research has shown a significant amount of work identifying various dimensions of relevance along with exhaustive lists of relevance criteria, there seem to have been less effort to apply the findings to improve actual systems design. Based on this assumption, this paper investigates to what extent those relevance criteria have been incorporated into the interface features of major commercial Web search engines, suggesting what can/should be done more. Before stepping into the actual system features, this paper compares recent relevance research in Information Science with other human factor studies both in Information Science and its neighboring discipline (HCI), as an attempt to identify studies that are conceptually similar to the relevance research, but not named as such way. Similarities and differences between these studies are presented. Recommendations suggested to support applicable interface features include: 1) further personalization of interface designs; 2) author-supplied meta tags for the Web contents; and 3) extensions of beyond-topical representations based on link structure.

Because of the open data in public domains, it is easy to collect the public data. However, people find difficulty in visualizing the data in material that they actually want. Especially, A map is a difficult material to do the visualization work, without using the specific tools and learning. Therefore, in this paper, we proposed an interface tool for map data visualization that user can easily visualize various national statistics data on the map. We designed the interface by classifying the properties of the map systematically, focusing on the completion and convenience for making the map. After that, we developed a web-based application using D3.js. After user evaluation, we found that our application can visualize the map more quickly and completely than any other web interfaces for map data visualization. Users also found a higher satisfaction in operating convenience.

의료정보의 양과 질적인 측면에서 현대의학의 발전에 힘입어 정보기술을 접목한 의료 분야는 매우 빠르게 확장되고 있다. 그러나 서양의학에 비하여 한의학의 의료정보 활용은 상대적으로 적은게 사실이다. 이에 본 연구에서는 한의학 관점에서 논의되고 있는 의료정보의 획득을 위한 인터페이스 개발에 관한 연구이다. 이를 위해 한의학 의료정보를 획득할 수 있는 웹기반 인터페이스를 설계하고 이에 대한 구성요소에 대해 살펴보고자 한다. 본 결과를 통해 한의학의 IT를 접목한 근육 통증의 의료정보 표준화에 기여할 수 있을 뿐만 아니라, 기술을 통한 편리성을 추구할 수 있을 것으로 기대된다.

Thanks to the development of modern medicine in term of quantity and quality of medical information, medical information technology field is expanding very rapidly. It is true that, however, the utilization of oriental medicine compared to medical science is relatively small. Therefore, the purpose of this paper is a study of developing an interface to gather a medicine information discussed from the point of view of oriental medicine. We proposed the design and components for a web-based interface enabled to gather medicine information. Through this study, it is expected to contribute to the standardization of muscle pain of oriental medicine information and be able to pursue convenience to express pain parts.

이기종 보안제품을 통합관리하기위한 통합보안관리시스템은 보안관리를 위한 불필요한 중복을 피하고 제품들을 효율적으로 상호운용하기위해 제안된 보안관리 구조이다. 본 논문은 다양한 보안제품으로 구성된 보호대상 네트워크의 보호 상황을 모니터링하고, 보안제품들이 상호 유동적으로 결합하여 작동할 수 있는 통합보안관리시스템을 위한 웹 기반 인터페이스 구조를 소개한다. 보안제품들에 대한 통합보안관리를 인터넷상에서 이미 친숙한 웹 기반 관리 기술을 이용함으로써 보안관리자들에게 편의성과 일관성을 제공하였으며, 보안정책에 대한 지식이 부족한 일반 사용자도 쉽게 보안관리를 수행할 수 있도록 설계되었다. 또한, 자바 애플릿을 이용하여 구현된 보안관리 인터페이스는 통합보안관리를 위해 요구되는 정보들을 동적으로 원격지의 보안관리자에게 제공함으로써 보안관리의 공간적 제약을 제거하였다.

Rapid Prototyping technology has many advantages such as Rapid Tooling. However, Using the RT technique is limited by the poor surface quality of the RP part. Thus, additional post-machining is required for improving the surface roughness by the sanding, grinding and polishing etc. But, these traditional finishing techniques are time and labor cost consuming. Hence, improving and formulation the finishing technique is inevitably necessary for the RF part. A new post-machining methodology for RP part is presented by the SLS part is used for automobile components in this research. Also, a web based interface tool that user requirements are rapidly ordered for post-machining RP part is developed.

애니메이션은 이미지나 텍스트와 같이 정적인 방식에 비해 효과적인 정보전달방식이다. 이는 간단한 표현이라도 동적인 움직임으로 구성될 때 더욱 흥미를 유발하며 높은 전달력을 가지게 되기 때문이다. 그러나 현재 웹 환경에서의 애니메이션 제작 방식은 전문적인 제작 도구를 사용하는데 국한되어 있어, 일반적인 사용자들의 참여를 통한 활용에는 적합하지 못한 방식이다. 본 논문은 사용자의 의도를 쉽고 직관적으로 반영할 수 있는 애니메이션 생성 인터페이스 기법을 제안하며, 실제 웹 환경에서 정보의 공유와 의사전달에 있어 직관적이고 쉬운 방식으로 애니메이션을 활용하는 방안을 제시한다.

본 연구의 목적은 기초학력 진단-보정 시스템을 사용자 친화적인 시스템으로 활용 보급될 수 있도록 학생의 관점에서 어포던스(행동유도성)의 문제점을 파악하고 이를 개선하는데 있다. 이를 위해 본 시스템을 사용하는 초등학교 4학년~중학교 3학년 총 6명을 대상으로 사용자 테스팅을 수행하여 Hartson의 3가지 어포던스 관점에서 사용성 문제점을 살펴보고, 개선된 프로토타입을 도출하였다. 또한, 휴리스틱 평가를 통해 개선안을 평가해 봄으로써 최종 프로토타입을 제안하였다. 본 연구는 교육 시스템의 사용성 개선을 위해 3가지 어포던스 관점에서 평가를 수행함으로써 사용성 문제점을 개선하는 방법에 대한 시사점을 제공하였다는데 의의가 있다. 시험 문제 제시 방법, 시험 점수 등 시스템의 주요 과업과 연결된 심각한 사용성 문제로 어포던스의 개선을 통해 오프라인(실세계)과 동일한 환경에서 시험이 시행될 수 있도록 함으로써 교육적 효과를 높일 수 있도록 기여하였다는데 본 연구의 의의가 있다.

The purpose of this study was to identify affordance usability problems and to improve an interface on the Web-based Diagnosis-Supplement system from learner's perspective in order to promote to be utilized as an user-friendly system. To address those goals, user testings with 6 students from 4th grade of the primary school and 3rd grade of the middle school were conducted and the firstly improved prototypes were suggested. Then, the suggested prototypes were reviewed by experts and finalized. This study has an implication on the methodology of the usability study by evaluating the system through the Hartson's 3 affordance theory. In addition, it contributes to improving pedagogical effects by the fixing serious affordance usability problems related to main tasks of the system such as the test questions and score visualization and matching between system and real world.

본 연구는 디지털 잉크를 통해 웹 프레젠테이션을 제작하는 인터페이스를 제안한다. 온라인 환경에서 다수의 사용자들이 적절한 시간과 장소에서 프레젠테이션을 들을 수 있는 웹 프레젠테이션 시스템의 역할이 더욱 증대될 것으로 예상되는 가운데, 프레젠테이션 의도를 보다 명확히 전달하면서 이에 따르는 비용과 수고를 최소로 하는 프레젠테이션 시스템에 대한 연구가 더욱 요구되고 있다. 이를 위해 우리는 사용자에게 가장 친숙한 #Pencil & Paper# 방식인 디지털 잉크 인터페이스를 기반으로 가상 프레젠터의 애니메이션 효과를 증강하고, 프레젠터와 사용자간의 상호작용을 지원하는 웹 프레젠테이션 시스템을 제안하게 되었다. 이는 실제 프레젠테이션이 가진 장점들을 살리면서 보다 많은 사용자들이 쉽게 접근할 수 있는 장점을 가지고 있다. 제안 기법은 온라인 교육이나 전자 책, 지능형 교육 시스템, 다양한 가상환경에도 쉽게 확대 적용될 수 있을 것으로 기대된다.

웹 기반 신경심리검사의 타당도를 저해할 수 있는 요인들에 대한 해결책의 일환으로 검사 툴의 인터페이스 디자인을 개선하고자 세 단계를 거쳐 연구를 진행하였다. 연구 1은 곽호완의 웹 기반 신경심리검사 중 주의력 검사 툴의 UI 디자인 문제점을 파악하기 위한 것으로, 전문가에 의한 발견적 시찰법을 실시하였다. 그 결과, 이 검사 툴의 지시 화면, 조사 양식, 과제 화면, 결과 화면 등의 디자인에서 세부적인 사용성 문제점들이 드러났다. 연구 2는 찾아낸 사용성 문제점을 해결하기 위해 웹 기반 주의력 검사에 특화된 11개 디자인 가이드라인을 도출하였다. 이를 토대로 사용자의 작업 흐름에 맞추어 화면 구성과 사이트 구조 등을 최적화하고 재미 요소를 가미하여 검사 툴을 새롭게 디자인 한 다음, JAVA를 이용하여 프로토타입을 개발하였다. 이렇게 구현한 개선 툴(그래픽 툴)이 기존 툴(텍스트 툴)에 비해 더 효과적임을 검증하기 위해, 연구 3에서 사용자들을 대상으로 수행 측정과 설문 조사를 실시하여, 실수 유형과 출현비율 및 UI 만족도를 측정하였다. 수행 측정 결과, 그래픽 툴이 텍스트 툴에 비해 UI 디자인 문제들로 인해 발생하는 사용자 실수 유형과 출현비율이 유의하게 감소하였다. 사후 설문 조사 분석 결과, 텍스트 툴에 비해 그래픽 툴은 전반적인 만족도, 화면, 용어와 시스템 정보, 학습 용이성, 시스템 성능 등의 만족도 측면에서 우수한 것으로 입증되었다.

This study aims to validate a web-based neuropsychological testing tool developed by Kwak(2007) and to suggest solutions to potential problems that can deteriorate its validity. When it targets a wider range of subjects, a web-based neuropsychological testing tool is challenged by high drop-out rates, lack of motivation, lack of interactivity with the experimenter, fear of computer, etc. As a possible solution to these threats, this study aims to redesign the user interface of a web-based attention testing tool through three phases of study. In Study 1, an extensive analysis of Kwak's(2007) attention testing tool was conducted to identify potential usability problems. The Heuristic Walkthrough(HW) method was used by three usability experts to review various design features. As a result, many problems were found throughout the tool. The findings concluded that the design of instructions, user information survey forms, task screen, results screen, etc. did not conform to the needs of users and their tasks. In Study 2, 11 guidelines for the design of web-based attention testing tools were established based on the findings from Study 1. The guidelines were used to optimize the design and organization of the tool so that it fits to the user and task needs. The resulting new design alternative was then implemented as a working prototype using the JAVA programming language. In Study 3, a comparative study was conducted to demonstrate the excellence of the new design of attention testing tool(named graphic style tool) over the existing design(named text style tool). A total of 60 subjects participated in user testing sessions where their error frequency, error patterns, and subjective satisfaction were measured through performance observation and questionnaires. Through the task performance measurement, a number of user errors in various types were observed in the existing text style tool. The questionnaire results were also in support of the new graphic style tool, users rated the new graphic style tool higher than the existing text style tool in terms of overall satisfaction, screen design, terms and system information, ease of learning, and system performance.

The preprocessor - solver - postprocessor software for 2D/Axisymmetric CSCM Upwind Flux Difference Splitting Navier-Stokes code has been developed for undergraduate educational purpose. This computational fluid dynamics (CFD) software allows students to setup, solve, visualize and control dynamically server for their own fluid problems via Internet. The preprocessor Is capable of generating geometry and grid, initial solution data and required solver control parameters. The postprocessor shows vector plot and contour plot with different options while residual plot shows root-mean-square (RMS) error history graphically and retrieves the data from solver interactively. Special feature of the preprocessor is grid generation part which is based on MFC/Visual C++ application and FORTRAN single block grid generator process. Many users can access solver via Internet from client computers and solve desired problems using locally installed pre- and postprocessor and remote powerful solver part.

본 논문에서는 웹 페이지상에서 하이퍼링크를 사용하여 정적인 정보를 검색하는 것뿐만 아니라 인적 자원과의 연결로 그 범위를 넓혀주는 Page Together 시스템의 구현에 대한 개발 경험 및 이 시스템을 기반으로 한 시범 사이트를 소개하고자 한다. 이 시스템은 인터넷 사용자들이 웹 상에서 다른 사용자들과 만나 영상 및 음성 통화를 하면서, 같은 웹 페이지를 동시에 서핑 할 수도 있고 여러 가지 공동작업도 할 수 있도록 지원한다. 시스템 구성을 살펴보면 공동 브라우징 모듈 및 멀티미디어 회의 모듈, 데이터 회의 모듈, 다중 프로토콜 인터페이스(MPI)로 구성되며 , 각 모듈은 인터넷상에서의 표준 프로토콜을 채택함으로써 개발자들에게 범용성을 제공하고 있다 MPI는 각각 독립적으로 동작하는 모듈들간에 세션에 대한 정보를 일치시키기 위해 정의하였다 MPI를 통한 메시지 전송은 세션 연결 과정 및 세션 종료 단계에서 최소화 함으로써 각 모듈간의 의존성을 낮추었다. 또한 Page Together 시스템을 이용하여 웹 게시판 서비스를 제공하는 웹 사이트를 함께 소개하고있다. 어떤 사용자가 자신의 관심분야에 대한 게시물을 게재할 때 자신에게 연결되는 링크를 함께 게재하여 둔다. 게시물을 읽은 다른 사용자가 질문이 있을 경우 그 링크를 선택함으로써 게시자와 직접 통화를 하거나 의견을 나눌 수 있다 웹 사이트를 통하여 Page Together 시스템은 원격 교육 및 원격 회의 등의 다양한 인터넷서비스에 활용할 수 있다는 것을 확인할 수 있다.

We introduce our experiences of the design and implementation of the Page Together system that has expanded hyperlink metaphor to utilize human resources in the web. This system supports that a user connects with others in the web, communicates through video/audio channel, navigates same web pages simultaneously and cooperates some work on Internet. For these functions, it comprises Collaborative Browsing Module (CBM), Multimedia Conferencing Module(MCM) Data Conferencing Module(I)CM) and Multi Protocol Interface(MPI). We adopted three standard protocols, IEC, H.323 and T.120 for each nodule and it allows developers to use them easily. We also defined MPI to synchronize information of session among modules. Each module exchanges information each other in session creating process and session terminating process. After a session is created once, each module works independently as its won protocol. Interferences among modules are reduced as minimizing to exchange information. We also introduce a web site that provides web board service based on the Page Together system. A user may post a notice with a link to himself/herself on our web board. After then, if someone read that notice and has any question about it, he or she can try to connect to the writer as clicking the link in that notice and communicate each other. This service site shows that our system can be applied to diverse internet services such as distance teaming and distance conference.