• Title/Summary/Keyword: visual editor

검색결과 37건 처리시간 0.025초

오픈소스 Blockly를 이용한 모바일용 피지컬 컴퓨팅 개발환경 구축 (Development Environment Construction of Physical Computing for Mobile Using Open Source Blockly)

  • 조은주;문미경
    • 한국차세대컴퓨팅학회논문지
    • /
    • 제13권6호
    • /
    • pp.21-30
    • /
    • 2017
  • 피지컬 컴퓨팅은 단순 컴퓨터 입출력이 아닌 현실세계와 상호작용을 통해 이루어지므로 학생들의 컴퓨팅적 사고와 소양을 기르는데 적합하다. 또한 이를 블록형 코딩 개발환경에서 개발한다면 사용자는 훨씬 더 직관적이고 쉽게 개발을 할 수 있을 것이다. 그러나 기존 블록형 코딩 개발환경은 물리기기가 컴퓨터에 지속적으로 연결되어 있어야 한다는 번거로움이 있다. Blockly는 코드 개념을 나타내는 그래픽 블록이 연동되어 웹과 안드로이드 애플리케이션에 시각적 코드 에디터를 추가하는 오픈소스 라이브러리이다. 본 논문에서는 오픈소스 Blockly 기반으로 기존의 블록형 개발환경에 피지컬 컴퓨팅 기능을 추가하고 이를 무선통신으로 동작시킬 수 있는 모바일용 피지컬 컴퓨팅 개발환경의 구축 내용에 대해 기술한다.

시각장애인 예술 문화 향유 확장을 위한 시각 정보 촉각 변환 디스플레이 (Visual Information Tactile Transformation Display to Expand the Enjoyment of Art and Culture for the Blind)

  • 이상돈;이주현;황재형;황현정;이재훈
    • 한국정보처리학회:학술대회논문집
    • /
    • 한국정보처리학회 2023년도 추계학술발표대회
    • /
    • pp.996-997
    • /
    • 2023
  • 시각 장애인들의 시각 정보에 대한 낮은 접근성은 문화, 예술 활동에 큰 제약을 가져다 주고 있다. 실제로 시각 장애인 중 약 절반 이상이 문화, 여가생활에 만족하지 못한다고 답하였고 전시회, 미술품 감상 또는 관람 활동은 약 5%만이[1] 참여하고 있는 것으로 나타났다. 이러한 한계를 극복하기 위해 시각이라는 감각의 한계를 뛰어넘어 시각 미디어를 즐길 수 있게 하는 서비스를 제작하였고, 이는 크게 웹서비스인 web view editor와 물리적인 촉각 디스플레이로 구성된다. 시각 미디어인 이미지는 8×8로 나눠 각 영역을 OpenCV 라이브러리와 K-means clustering 알고리즘을 이용하여 9 level로 분류시키고, 구분된 level에 맞게 cell의 높낮이 차이를 두기 위하여 Arduino를 통한 회전-선형 변환기를 제작했다. Arduino의 PWM 기능을 이용해 모터의 속도와 방향을 제어하며, 각 모터의 드라이버는 Arduino와 연결되어 있어 모터의 회전을 제어하게 했다. 결과적으로 본 연구에서는 cell의 높낮이 차이를 9 level로 구분하여 시각 정보를 촉각으로 수용할 수 있는 장치를 제작하였고, 이 장치를 통해 기존의 시각 장애인들이 문화 생활을 쉽게 향유하고 이를 바탕으로 창의성과 상상력을 증대시켜 더욱 밀접하게 사회와 연결되고 소통 할 수 있는 기회의 초석이 되기를 기대하는 바이다.

영화 의상에 따른 인물의 이미지 차이 분석 -영화 '악마는 프라다를 입는다'를 대상으로- (A Study on Costume and the Image in Film -focusing on the Movie 'The Devil Wears Prada'-)

  • 유선아;김미영
    • 복식
    • /
    • 제58권8호
    • /
    • pp.170-183
    • /
    • 2008
  • The purpose of this study is to analyze the characteristics of different images of movie costume centering on the actresses. The perfect examples are the characters from the movie "The Devil Wears Prada", in which the film is about the fashion leaders of the world. This study consists of visual data as well as images including some scenes from the movie. The sources were collected from relative media, articles in journals, internet sites relating to the movies and photos and we have analyzed differentiated each of the character's wardrobes and its characteristics appearing in each image. The result of this study is as follows. First, the characteristic image of Andy, the main character (Anne Hathaway) in the movie changed dramatically. Andy'swardrobe is focused on the character's makeover in the movie as the character changes from a slob dresser to an assistant of the editor-in-chief of the number one fashion magazine in the world. Each scene definitely shows different styles of the latest premier designers' clothes and accessories. On the other hand, Miranda Priestly appears as the fashion leader and icon throughout the whole movie. Her career look in each scene was very chic and sophisticated in the office while her party dresses were sexy and glamorous in the movie where she was at many of the promotion parties and events. The second analysis of characteristic images of movie costumes is comparing the styles of Andy, Miranda and Emily(the other assistant of Miranda). Andy's wardrobe was divided Into two situations-before working for the magazine and while working for Miranda. As Andy's wardrobe began to upscale, the clothing images of Emily and Miranda became less fashionable. As a result of this study, the movie costumes played a vital role in expressing the changes and differentiating each character's images.

영역 프레임워크와 프레임워크 지원도구 개발에 관한 연구 (A study on Construction of Domain Framework and Framework Supporting Tools)

  • 김강태;배제민;이경환
    • 한국정보처리학회논문지
    • /
    • 제6권6호
    • /
    • pp.1532-1541
    • /
    • 1999
  • 본 연구에서는 웹을 기반으로 웹 클라이언트 간의 의사소통과 협동 작업을 가능하게 하는 웹 기반 협동 시스템의 구축에 필요한 상위레벨의 지식들과 재상용 컴포넌트들인 자바 애플릿과 어플리케이션들을 컴포넌트로 갖는 객체지향 프레임워크를 개발하였다. 프레임워크의 부품들은 재사용을 지원하기 위해서 설계 정보, 소스, 코드, 실행 코드 등을 포함한다. 연관된 연구를 통해서 얻어진 영역 프레임워크 구축 프로세스를 통해서 웹 협동 시스템 프레임워크를 구축하였다. 웹 클라이언트 간의 의사소통과 협동 작업을 지원하기 위해서 웹 기반 협동 시스템의 서브 시스템으로 사용자 관리 시스템, 채팅, 게시판, 질의 응답 시스템, 전자 게시판 등을 정의하였다. 프레임워크의 사용성을 높이기 위해서 지원 도구로 소스 코드 생성기, 클래스 편집기, 이해지원 도구 등의 비주얼 도구를 개발하였다.

  • PDF

인터넷 가상공간에서 지적 아바타 통신을 위한 코믹한 얼굴 표정의 생성법 (A Comic Facial Expression Method for Intelligent Avatar Communications in the Internet Cyberspace)

  • 이용후;김상운;청목유직
    • 전자공학회논문지CI
    • /
    • 제40권1호
    • /
    • pp.59-73
    • /
    • 2003
  • 인터넷 가상공간에서 서로 다른 언어 사이의 언어 장벽을 극복하기 위한 한 방법으로 CG 애니메이션 기술을 이용한 수화 통신 시스템이 연구되고 있다. 지금까지 연구에서는 비언어 통신 수단으로서 팔과 손의 제스춰만을 고려하였으나, 얼굴 표정이 의사전달에 중요한 요소가 된다. 특히 사실적인 감정표현보다는 얼굴 요소가 과장된 코믹한 표현이 보다 효과적이고, 또 눈썹, 눈, 입 등의 AU(Action Units)만이 아니라 뺨과 턱의 움직임도 중요한 역할을 하게 됨을 알게 되었다. 따라서 3D 표정 생성 에디터에서 AU를 추출하고, 보다 효율적을 표정 생성을 위해 FACS(Facial Action Unit)으로 분류한다. 또 기존에 표정 에디터에 비해서 제안된 표정 에디터는 PAU에 대한 강도를 강하게 줌으로써, 6가지 표정을 분리할 수 있음을 보인다. 또한 얼굴 표정 생성에서 “뺨을 올림”과 “턱을 내림”에 대한 움직임을 자동화하기 위해서 포물형 편미분식(Parabolic Partial Differential Equations)과 Runge-Kutta법을 이용하여 보다 자연스러운 표정을 생성하였다. 또한 이를 이용하여 구조가 서로 다른 아바타 모델에 감정을 재생하는 방법을 제안하였다. 본 방법을 윈도우 플렛폼에서 Visual C++와 Open Inventor 라이브러리를 이용하여 구현하였으며, 실험 결과 언어의 장벽을 넘을 수 있는 비언어 통신수단으로 이용될 수 있는 가능성을 확인하였다.

새로운 비디오 자막 영역 검출 기법 (A new approach for overlay text detection from complex video scene)

  • 김원준;김창익
    • 방송공학회논문지
    • /
    • 제13권4호
    • /
    • pp.544-553
    • /
    • 2008
  • 최근 영상 편집 기술의 발달과 더불어 시청자의 이해를 돕기 위해 인위적으로 자막을 삽입하는 경우가 늘고 있다. 인위적으로 삽입된 자막은 해당 장면의 내용이나 편집자의 의도를 잘 표현하고 있기 때문에 비디오 정보 검색(video information retrieval)이나 비디오 색인(video indexing)과 같은 응용에 유용하다. 기존의 자막 영역 추출 방법은 에지(edge), 색상(color), 텍스처(texture) 정보와 같은 하위 계층(low-level) 특징을 기반으로 하기 때문에 다양한 필체나 밝기 대비를 가진 자막이 동시에 나타나거나 복잡한 배경에 포함된 자막 영역의 경우 잘 검출하지 못한다. 이에 본 논문은 기존의 방법과는 전혀 다른 천이 영역 기반의 새로운 영상 내 자막 영역 검출 기법을 제안하고자 한다. 먼저, 영상 내 삽입된 글자 주변은 시청자에게 영상으로부터의 높이 감을 주기 위해 해당 글자와 다른 색으로 표현된다는 관찰 결과를 바탕으로 천이 지도를 생성한다. 생성된 천이 지도를 이용하여 후보 영역을 추출하고 상태 밀도 개념을 바탕으로 후보 영역 중에서 삽입된 자막 영역을 추출한다. 제안하는 알고리즘은 글자 색, 크기, 위치, 필체, 밝기 대비에 관계없이 적용이 가능하며, 다양한 언어에 관계없이 뛰어난 성능을 보인다. 또한, 프레임 간 자막 영역 업데이트를 통해 자막 영역 추출의 효율을 높였다. 다양한 영상에 대한 실험을 통해 제안하는 알고리즘이 효율적인 비디오 자막 영역 추출 방법임을 보이고자 한다.

고교 생물의 오버헤드 프로젝터용 필름 제작 및 전달 매체로서의 CD-ROM과 홈페이지의 설계 (Development of Overhead Projector Films, CD-ROM, and Bio-Cosmos Home Page as Teaching Resources for High School Biology)

  • 송방호;신연욱;최미숙;박창보;안나영;강재석;김정현;서혜애;권덕기;손종경;정화숙;양홍준;박성호
    • 한국과학교육학회지
    • /
    • 제19권3호
    • /
    • pp.428-440
    • /
    • 1999
  • 고등학교 생물교육의 강의 및 학습의 효율증진을 위한 영상매체로써 오버헤드 프로젝터 필름(OHP)을 제작하였으며 이의 전달매체로써 CD-ROM및 웹용 홈페이지를 설계하였다. 본 필름은 제6차 교육과정에 의해 개정된 공통과학 및 생물교과서에 수록된 내용을 총 망라하는 방향에서 천연색으로 제작하였으며 도안의 선명도, 수려성, 청정성, 색상, 명암, 인지도 등에서 내용의 질적 우월성을 시도하였고 교수 학생내용 상호간의 관련성을 감안하여 학습항진효과를 극대화하는 측면에서 설계되고 제작되었다. 제6차 교육 과정에 의해 개정된 공통과학 및 생물 교과서 7 종에 수록된 내용을 총 망라하는 방향에서 교재를 분석한 후 가장 다빈도로 출현하는 내용을 우선적으로 제작하였다. CD-ROM은 로고(logo), 초기 메인(main), 학습목록, 내용, 종료 등의 화면으로 구성되어 있고 초기 메인 화면은 공통과학, 생물I, 생물II, 교과서에 수록된 단원의 내용(장)목록을 제시한 후 내용세부 문항, 실제내용화면으로 하이퍼링크 시켰다. 내용화면은 교과서 내용의 요약, 그림 및 사진과 그 해설, 실험과정 및 결과의 요약, 표에 의한 내용의 정리 등 4가지 형식으로 제작된 필름 화면이 우선적으로 수록되어 있으나, 비디오 영상수취(video capture)에 의한 화면이나 인쇄 버턴, 자료의 설명 또는 해설, 용어 해설 등의 버턴과 연결시킨 경우도 있다. OHP 파일은 제작시 포토샵(Adobe Photoshop), 일러스터레이터(Adobe Illustrator), 클레리스 오피스(Claris Office)를, CD-ROM은 MM 디렉터(Macromedia Director)를 웹용 홈페이지는 html 에디터(editor)를 주된 소프트웨어로 사용하였다. OHP파일은 스케닝, 그림, 배경, 문자의 입력, 그림의 수식, PICT 또는 PSD 파일로의 저장, JPG 파일로의 변환 등의 순서로 진행되었다. 공통과학 14점, 생물I 80점, 생물II 142점, 총 236점이 제작되었으며 이들의 전달매체로써 CD-ROM 및 웹 홈페이지를 제작하여 이들을 이미 공개된 중학생물과 동일한 주소 즉 http://gic.kyungpook.ac.kr/biocosmos에 공개하였다.

  • PDF