• 제목/요약/키워드: WebUI

검색결과 181건 처리시간 0.031초

Improving Student's Design Prototyping Skills using Interactive Prototyping Tool

  • Kim, Jongwan;Jeon, Jae-wook;Kim, Ki-yeon
    • Journal of Multimedia Information System
    • /
    • 제8권1호
    • /
    • pp.75-78
    • /
    • 2021
  • This paper will explain the importance of using interactive prototyping tools in the HCI design process. The Future of HCI education project performed by ACM SIGCHI shows that students recognize that prototyping, especially paper prototyping and interactive prototyping, are both very important. Two widely-used prototyping tools in academy, Balsamiq and Oven, will be compared and rated by students according to their preferences. We choose the Balsamiq as our design tool because Oven can be designed on the web but applications cannot be designed directly on Mac or Windows. The Balsamiq tool will help you understand the task process of UI work and highlight the benefits of digital prototyping to test the execution of expected results in a fast fashion compared to high-level prototyping. We also present the outcome of this work through two case studies. In particular, the smart mirror project with voice recognition function shows the effectiveness of the proposed method as an example.

인공지능 챗봇을 기반으로 한 환자-의사 소통 증진 소프트웨어 (Software to promote patient-to-doctor communication based on 'chatbot')

  • 류연준;박세리;성현규;이진수;김웅섭
    • 한국정보처리학회:학술대회논문집
    • /
    • 한국정보처리학회 2020년도 추계학술발표대회
    • /
    • pp.501-504
    • /
    • 2020
  • 본 프로젝트는 한국 의료 진로 서비스의 문제점을 개선하고자 인공지능 기반의 챗봇을 이용해 환자와 의사 간의 의사소통을 증진시키는 데 목적이 있다. Web UI 를 제공하는 Rasa X 챗봇(Chatbot) Tool 을 이용하여 메시지와 이미지를 송신할 수 있는 챗봇을 구축해냈다. 또한 YOLO model training 으로 충치 Detection 기능 등 인공지능을 접목시켜 더 효율성있는 어플리케이션(Application)을 개발했다. 이는 최근 코로나-19 로 비대면 서비스가 각광받는 가운데 챗봇 모델은 가장 경제적이고 효율적으로 실생활에 적용될 기술이다.

360 카메라를 이용한 디지털 트윈 강의실 (Digital Twin Classroom using 360 Camera)

  • 유현태;김진호;김유성;박인규
    • 한국방송∙미디어공학회:학술대회논문집
    • /
    • 한국방송∙미디어공학회 2021년도 하계학술대회
    • /
    • pp.232-234
    • /
    • 2021
  • 본 논문에서는 딥러닝 얼굴 인식을 이용하여 실시간 360 공간 Classroom 과 실시간을 기반으로 한 가상 360 공간 Classroom 을 제안한다. MTCNN 을 이용한 얼굴 검출 및 Inception Resnet V1 모델을 이용한 딥러닝 기법을 통해 얼굴인식을 진행하고 HSV 색공간 기반의 화자 판별, 아바타 Rendering, 출석 체크 등을 진행한다. 이후 시각화를 위해 제작한 Web UI/UX 를 통해 사용자에게 현실과 가상 공간을 넘나드는 Twin Classroom 을 제공한다. 따라서 사용자는 새로운 화상 교육 플랫폼에서 보다 개선되고 생동감 있는 Classroom 에서 교육을 받을 수 있다.

  • PDF

패션 커스터마이징 웹 GUI디자인연구 : 커스텀 니트웨어를 중심으로 (A Study on the GUI Design of Fashion Customizing Web : Centered on Custom Knitware)

  • 장희수;남원석
    • 한국콘텐츠학회논문지
    • /
    • 제20권4호
    • /
    • pp.124-137
    • /
    • 2020
  • 최근 가치관에 따라 소비하는 능동적인 소비자가 증가함 따라 커스터마이징 제품의 니즈도 증가하고 있는데, 이중에서도 자신의 개성을 전면적으로 표현할 수 있는 패션분야의 커스터마이징 시장이 커지고 있다. 이에 따라 패션 커스터마이징 웹이 대중화 되고 있지만, 커스텀 자유도가 낮기 때문에 니트웨어를 접목하여 커스텀 자유도를 높이고자한다. 이를 위해 커스터마이징, 니트디자인, GUI에 대한 선행연구와 문헌 조사를 통해 이론적 고찰을 하였고, 이를 바탕으로 니트디자인 프로그램과 패션 커스터마이징 웹의 레이아웃, 아이콘과 메뉴, 컬러, 인터렉션을 중심으로 사례 분석을 했다. 니트디자인은 다른 패션디자인 과정보다 고려사항이 많아 그에 따른 UI가 많아지기 때문에 사용자가 쉽게 인식할 수 있는 시각적 요소를 사용해야한다. 따라서 선행조사를 바탕으로 커스텀 니트웨어 GUI디자인 가이드라인 초안을 도출하고, 초안을 기반으로 전문가를 대상으로 3차례의 델파이 조사를 실시하였다. 각 항목은 델파이 조사과정에서 수정, 삭제하여 커스텀 니트웨어 웹 GUI디자인 가이드라인을 제작했다. 본 연구 결과를 통해 커스텀 니트웨어 웹의 GUI디자인 시 니트 커스텀 기능의 직관적 이해와 적용이 필요함을 파악할 수 있었다. 본 연구를 통해 커스텀 니트웨어 웹사이트의 사용성 향상과 니팅머신을 활용한 니트 디자인 분야에 참고할 만한 자료로 기대된다.

단일 페이지 AJAX 애플리케이션을 위한 템플릿 기반 웹 애플리케이션 재공학 기법 (Reengineering Template-Based Web Applications to Single Page AJAX Applications)

  • 오재원;최현철;임승호;안우현
    • 정보처리학회논문지:소프트웨어 및 데이터공학
    • /
    • 제1권1호
    • /
    • pp.1-6
    • /
    • 2012
  • 템플릿 기반 웹 애플리케이션(TWA)은 웹 페이지들의 공통부분을 단일 코드 파일(템플릿)로, 각 페이지에 특화된 부분은 별도의 파일로 관리한다. HTTP 요청이 발생하면 이 두 종류 파일을 동적으로 조합하여 웹 페이지를 생성한다. 이를 통해 사용자에게 일관된 UI을 제공하며 코드 중복을 제거해 유지보수성을 향상시킨다. 그러나 TWA는 사용자의 요청 시 현재 페이지에서 바뀌어야 할 부분이 일부지만 페이지 전환이 이루어져 갱신이 불필요한 데이터까지 전송되고 처리되는 문제가 있다. 본 논문은 Java 기반 TWA를 대상으로 이 문제를 해결한다. 제안 기법은 페이지 전환을 제거하기 위해 HTML에 있는 하이퍼링크를 AJAX를 이용하는 JavaScript 이벤트 핸들러로 변환한다. 또한 갱신에 필요한 데이터만 반환하기 위해 JSP, Servlet 코드에서 템플릿 전송 코드를 제거한다. 따라서 이 기법은 페이지 전환으로 발생하는 네트워크와 CPU 부하를 감소시키며, 비동기적인 페이지 업데이트로 사용자의 체감 성능을 향상시킨다. 성능 검증을 위해 전형적인 TWA를 대상으로 이 기법을 적용하였다. 성능 측정 결과 기존 TWA보다 응답시간을 최대 87% 개선하였다.

안드로이드기반 근거리 SNS (Android based Local SNS)

  • 이충렬;안병구;안홍영
    • 한국인터넷방송통신학회논문지
    • /
    • 제10권6호
    • /
    • pp.93-98
    • /
    • 2010
  • 최근들어 급격하게 스마트폰을 사용하는 사람들이 많아지고, 스마트폰을 이용해서 소셜 네트워크 서비스(SNS)를 이용하는 사용자도 같이 늘어나고 있는 추세이다. 본 논문에서는 안드로이드 기반 근거리 SNS 시스템을 제안 개발한다. 제안 개발된 시스템의 주요한 특징과 기여도는 다음과 같다. 첫째, 제안 개발된 SNS 시스템은 사용자가 블루투스를 이용하여 근거리에 있는 다른 사용자를 주변검색을 하며, 친구추가가 되면 웹/DB로 SNS 서비스를 할 수 있게 스마트폰 안드로이드 기반으로 한다. 둘째, 안드로이드 전체의 기본적인 UI를 변경하지 않는 선에서 제작을 하여 처음 사용하는 사용자들에게도 거부감이 들지 않고, 최대한 직관적이면서 사용하기 쉬운 접근 방법을 가지고 디자인 하였다. 제안된 시스템의 성능평가는 OPTIMUS-Q/ANDROID 2.1을 이용하여 이루어진다. 성능평가 결과 안드로이드 기반 블루투스로 주변검색을 함으로써 근거리에 있는 사용자의 접속 서비스를 효과적으로 지원하였다. 현재 제안된 시스템의 효과적인 성능 향상 지원을 위해서 안드로이드에서 블루투스의 오토페어링 등에 대한 연구가 진행 중에 있다.

ARCS 동기 이론을 적용한 학습용 모바일 앱 설계 연구 (The Use of the ARCS Motivation Model in Mobile Learning Apps Design)

  • 김의호;양해술
    • 디지털융복합연구
    • /
    • 제13권4호
    • /
    • pp.69-79
    • /
    • 2015
  • 증강현실까지도 구현할 수 있는 기능을 가진 스마트폰의 보급률이 높아지면서 그 활용 범위도 급격하게 증가하고 있다. 그러나 다양한 기능이 있음에도 학습용 앱은 부족한 상황이다. 모바일의 장점인 이동성은 학습자가 시공간의 제한 없이 학습할 수 있지만 학습자가 학습하는데 적합하지 않은 장소도 제공될 수 있다는 의미이다. 이러한 관점에서 학습 동기를 유발시키고 지속시킬 모바일 기반 학습용 앱이 필요한 상황이다. 본 논문에서는 ARCS 이론의 동기 전략과 웹 기반 콘텐츠의 UI를 분석하여 모바일 학습용 앱 설계 시 고려할 사항을 제안하였다. 또한, ARCS 이론을 적용한 모바일 학습용 앱 설계의 절차적 모형을 구안하고 이를 바탕으로 모바일 학습용 앱 설계 방안을 제안하였다.

사진에 포함된 GPS정보를 이용한 최적화된 경로탐색 서비스 설계 및 구현 (Design and Implementation of Optimal Path Search Service Using GPS Information in Photo File)

  • 김준영;김석규
    • 한국컴퓨터정보학회논문지
    • /
    • 제17권12호
    • /
    • pp.199-207
    • /
    • 2012
  • 본 논문에서는 사진에 포함된 위치정보를 이용하여 최단경로 알고리즘을 적용한 최적화된 경로를 설정할 수 있는 서비스를 제안하였으며 제안한 서비스를 제공하기 위한 시스템을 설계 및 구현하였다. 사진 안에 있는 EXIF 정보에 포함된 GPS정보를 추출하여 출발지점, 경유지점, 도착지점을 설정한 후 설정된 경로정보에 최단경로 알고리즘(shortest path algorithm)을 적용하여 최적화된 경로를 탐색한다. 구해진 최적화된 경로정보는 야후 맵 API를 활용하여 웹 지도상에 표시된다. 이를 위해 사진 속 위치정보 추출방법, 최단경로 알고리즘을 활용한 경로 정렬(sort) 방법 그리고 야후 맵 API를 이용한 이용자 UI를 활용하여 경로탐색 시스템을 설계하고 이를 바탕으로 GPS정보가 있는 사진 파일을 이용한 최적화된 경로탐색 시스템을 구현하였다.

지식교환 웹사이트에서 개인특성과 사용자 관여가 지식공유행위에 미치는 영향 (The Effect of Personal Characteristics and User Involvement on Knowledge Sharing in the Knowledge-Exchange Website Context)

  • 성기문;김태경;장정주;안중호
    • 한국전자거래학회지
    • /
    • 제14권4호
    • /
    • pp.229-253
    • /
    • 2009
  • 지식공유의 효과와 지식공유의 중요성 때문에 MIS 분야에는 지식공유연구에 대한 관심이 높아지고 있으나, 지식교환 웹사이트에서의 지식공유의 영향과 관련한 연구는 많지 않다. 본 연구는 지식교환 웹사이트에서 개인특성변수인 정보기술에 대한 개인의 혁신성, 컴퓨터 자기효능감, 컴퓨터 불안감 및 사용자 관여와 지식공유행위간의 관계를 밝히고자 한다. 연구자들은 지식교환 웹사이트 내에서 지식공유경험이 있는 사용자들을 대상으로 설문조사를 실시하여 유효표본 총 241개를 수집하였다. 또한 연구모형 검증을 위해 연구분석방법으로 구조방정식모형(SEM)을 통해 자료를 분석하였다. 자료분석 결과 지식공유행위는 개인의 혁신성, 컴퓨터 자기효능감, 컴퓨터 불안감 및 사용자 관여에 의해 직간접적으로 영향을 받는 것으로 확인되었다. 본 연구는 개인의 혁신성과 지식공유에 대한 연구의 영역을 확장했을 뿐만 아니라, 정보공유에 대한 실질적인 사례를 대상으로 한 연구를 통해 지식공유를 촉진하는 지식공유 애플리케이션의 설계와 지식교환 웹 사이트의 성공간의 관련성을 밝히고자 하였다.

  • PDF

맵 인터페이스와 지식처리를 활용한 지역관련정보 통합검색 시스템 (An Integrated Region-Related Information Searching System applying of Map Interface and Knowledge Processing)

  • 신진주;서경석;장용희;권용진
    • Spatial Information Research
    • /
    • 제18권4호
    • /
    • pp.129-140
    • /
    • 2010
  • Google, NAVER와 같은 대형포털에서 지도 기반의 다양한 서비스를 제공함에 따라, 지역관련 정보를 얻으려는 사용자들의 관심과 요구 또한 증가하고 있다. 하지만, 대형포털의 서비스들은 특정 지역에 대한 상세정보가 충분하지 않고 관련 정보를 획득하는 과정이 반복되는 번거로움이 존재하기 때문에, 사용자가 특정 지역의 관련 정보를 자세하고 종합적이며 손쉽게 획득할 수 있도록 지원하는 시스템이 필요하다. 본 논문에서는 사용자의 지역정보 획득에 유용한 시스템의 구축을 위해, 맵 인터페이스와 지식처리를 활용한 시스템 모델을 제안한다. 제안한 모델은 '지역정보 웹 문서 Layer', '고유지역키워드 Layer', '맵 인터페이스 Layer'의 3-Layer로 구성된다. 이 모델을 기반으로 한 지역관련정보 통합검색 시스템은 (l) 특정 지역의 대표 키워드 추출 (2) 관련 웹 페이지 수집 (3) 연관 키워드 집합 추출 및 키워드간의 연관도 계산 (4) 사용자 인터페이스 구축의 4단계 과정을 거쳐 구현한다. 구체적으로 고양시 지역을 대상으로 한 시스템의 구축을 통해 제안한 모델과 유사도 행렬을 이용한 지역정보의 지식처리 알고리즘, 사용자의 검색 편의를 돕는 UI 등의 타당성을 검증하였다. 본 시스템은 단순히 개별 '정보'로 존재하는 지역정보들을 융합하고, 새로운 '지식'을 생산 및 체계화하여 사용자들에게 제공해준다. 이를 통해 사용자는 다양하고 상세한 지역정보를 제공받을 수 있고 관련 정보도 쉽게 얻을 수 있다.