DOI QR코드

DOI QR Code

동적 전자책을 위한 블록 조립식 사용자 피드백 에디터 설계 및 구현

Design and Implementation of User Feedback Block Editor for Dynamic E-Book

  • 최자령 (숙명여자대학교 IT공학과) ;
  • 윤지현 (숙명여자대학교 IT공학과) ;
  • 장미연 (숙명여자대학교 IT공학과) ;
  • 장수지 (숙명여자대학교 IT공학과) ;
  • 임순범 (숙명여자대학교 IT공학과)
  • Choi, Ja-Ryoung (Dept. of Information Technology Engineering, Sookmyung Women's University) ;
  • Yun, Jihyun (Dept. of Information Technology Engineering, Sookmyung Women's University) ;
  • Jang, Miyeon (Dept. of Information Technology Engineering, Sookmyung Women's University) ;
  • Jang, Suji (Dept. of Information Technology Engineering, Sookmyung Women's University) ;
  • Lim, Soon-Bim (Dept. of Information Technology Engineering, Sookmyung Women's University)
  • 투고 : 2017.02.08
  • 심사 : 2017.02.27
  • 발행 : 2017.02.28

초록

최근 소셜 리딩과 같이 사용자 피드백이 활발해지면서 사용자 피드백 기반 전자책 콘텐츠를 제작에 대한 요구가 증가하였다. 그러나 사용자 피드백을 전자책에 반영하기 위해서는 직접코딩을 해야 하므로 코딩을 못하는 저자에게는 어려움이 있었다. 본 연구는 이러한 문제점을 해결하기 위한 블록 조립식 피드백 에디터 시스템을 개발하였다. 에디터는 입력 처리 출력모듈을 직접코딩으로 구현하였던 사용자 피드백을 영역지정, 컴포넌트 배치, 블록 편집 및 코드 생성 삽입 기능으로 반영할 수 있다. 본 시스템은 HTML, 자바스크립트, PHP, Codeigniter를 이용하여 구현하였다. 블록 편집 기능은 오픈 소스인 Blockly를 이용하여 블록을 제공, 조립할 수 있도록 하였다. 코드 생성 및 삽입 기능은 라이브러리 함수 코드를 삽입한다. 본 시스템을 통해 코딩을 못하는 일반 저자도 코딩 없이 쉽게 사용자 피드백 반영이 가능하도록 한다.

Recently, as user feedback such as social reading become active, demand has been increased on e-book contents making which is based on user feedback. However, to reflect the user feedback onto the e-book, direct coding is required, which was difficult to the author who was not good at programming. To resolve this problem, Block assembly style feedback editor system, using Blockly was developed. This editor enables to reflect the user feedback by area allocation, component allocation, block editing, and code generating insertion, contrary to the existing way of programming realization in which direct coding was required for input, processing and output separately. This system was developed by using HTML. Javascript, PHP, and Codeigniter. Block editing is enabled to do provision and assembly of blocks by Blockly. The function of code generation & insertion allows to insert the Library function code. Through this system, the general users who are not capable of coding also can reflect feedback without doing actual coding.

키워드

참고문헌

  1. Hyun-Suk Moon, "The Implementation of an EPUB3.0-Based Fixed Layout e-Book", Journal of Digital Contents Society, Vol. 16, No. 1, pp. 105-112, 2015. https://doi.org/10.9728/dcs.2015.16.1.105
  2. Google Blockly. Available: https://developers.google.com/blockly/.
  3. Google Blockly, Block Factory. Available: https://blockly-demo.appspot.com/static/demos/blockfactory/index.html.
  4. Sang Cho, "Blockly webc Programming Convergent Learning System", Computer and Information Engineering Department, Cheongju University, 2015.
  5. Bau, D. A. Droplet, "A Blocks-Based Editor for Text Code", Journal of Computer Science in Colleges, 2015
  6. Aggarwal S, Bau D. A, Bau D. A "Blocks-Based Editor for HTML Code", IEEE Blocks and Beyond Workshop, 2015.
  7. Scratch. Available: https://scratch.mit.edu/about
  8. Ja-Ryoung Choi, Jungsoo Hwang, Soon-Bum Lim, "Design of User Feedback Interface for Dynamic Updating of E-Book Content.", International Journal of Multimedia and Ubiquitous Engineering, Vol. 10, No. 11, pp. 359-368, 2015.