DOI QR코드

DOI QR Code

A Design of HTML5-based Service Migration Technology between Heterogeneous Browsers

이종 브라우저 간 HTML5 기반 서비스 이동기술 설계

  • 송은지 (동의대학교 디지털미디어공학과) ;
  • 김근형 (동의대학교 영상정보공학과)
  • Received : 2012.10.05
  • Accepted : 2013.01.04
  • Published : 2013.03.31

Abstract

The Internet has become a part of our lives. As the number of devices with Internet accessibility increases, users can use web services with those devices anytime, anywhere. Web contents on the web page can be delivered to user in various forms for various devices and users want to use seamlessly the contents with an appropriate device. Web browser extension is function to add features that are not supported by default browser. All browsers support extensions that provide the same services for cross-browser. In this paper, We proposed object migration architecture between heterogeneous browsers by expanding our proposed mechanism that identifies objects and the information of those objects to be migrated in the web page, extracts the object and creates object after migration. For this purpose, we analyzed the extension architecture of representative browsers and investigated necessary files to develop objects migration extension. In addition, We investigated how to send and receive message among files in each browser extension and the interaction mechanism among those files. Finally, We implemented the object migration mechanisms between heterogeneous browsers.

인터넷 사용이 우리 생활의 한 부분이 되었고 인터넷을 사용할 수 있는 단말이 증가함에 따라, 다양한 단말을 이용해 언제, 어디서나 웹 서비스를 제공받을 수 있게 되었다. 웹에 존재하는 콘텐츠는 여러 형태로 사용자에게 제공될 수 있고, 사용자는 콘텐츠를 사용자의 단말로 연속해서 이용하고자 한다. 웹 브라우저 확장기능은 기본적으로 브라우저에서 지원되지 않는 기능을 부가적으로 추가하는 기능으로 모든 브라우저들이 이 기능을 제공하고 있다. 확장기능을 통해 여러 브라우저에서 동일한 서비스를 제공할 수 있다. 본 논문에서는 우리가 연구한 웹 페이지의 객체를 식별하는 방법과 이동하기위해 필요한 정보, 그리고 식별한 객체를 추출하고 이동한 뒤 생성되는 방법을 적용하여 이종 브라우저 간 객체 이동 구조를 제안한다. 이를 위해 대표적인 브라우저의 확장기능 구조를 분석하고 객체 이동 기능을 개발하기 위해 필요한 파일들에 대해 살펴본다. 또한 각 브라우저의 확장기능에 필요한 파일들이 서로 메시지를 주고받는 모습과 웹 페이지와 상호작용하는 방법에 대해 알아본다. 마지막으로 확장기능을 이용하여 웹 페이지에서 선택한 객체를 다른 브라우저로 이동하는 모습을 구현하였다.

Keywords

References

  1. 최헌회, 김근형, "HTM5 기반 HTTP 스트리밍 환경에서의 서비스 이동성 연구," 멀티미디어학회논문지, Vol. 14, No. 7, pp. 905-016, 2011.
  2. Google Chrome Extensions, http://developer.chrome.com/extensions/index.html, 2011년 12월.
  3. Safari Extension Development Guide, http://developer.apple.com/library/safari/,documentation/Tools/Conceptual/SafariExtensionGuide/SafariExtensionGuide.pdf, 2012년 5월.
  4. Mozilla add-on Developer Hub, https://addons.mozilla.org/en-US/developers/, 2012.
  5. Opera extensions: documentation, http://dev.opera.com/addons/extensions/, 2012.
  6. Web Socket, http://dev.w3.org/html5/websockets/, 2011년 12월.
  7. 최헌회, 송은지, 김근형, 김화숙, 조기성, "HTML5기반 융합 서비스의 서비스 이동 메커니즘 설계," 멀티미디어학회논문지, Vol. 15, No. 4, pp. 540-551, 2012.
  8. Wepware, http://www.wepware.com/web/main.do, 2012.
  9. Memonic, http://www.memonic.com, 2012.
  10. Wep slice, http://msdn.microsoft.com/en-us/library/cc956158(v=vs.85).aspx, 2012.
  11. File clip, http://fireclip.awardspace.info/, 2012.
  12. Web chunk, http://www.wepware.com/web/main.do, 2012.
  13. Arbitrary web slices, http://code.cheesydesign.com/?p=450, 2012.
  14. Pinterest, http://pinterest.com/, 2012.
  15. JSON website, www.json.org, 2011.
  16. 크롬 확장기능 구조, http://developer.chrome. com/extensions/overview.html, 2011년 12월.
  17. Safari Extension Development Guide, "사파리 확장기능 구조," pp. 15, 2012.
  18. 크롬 상호작용 구조, http://developer.chrome.com/extensions/extension.html, 2011.
  19. Safari Extension Development Guide, "사파리 확장 바 또는 팝업과 글로벌 HTML과 스크립트 파일 간 메시지 통신 방법," pp. 87-90, 2012.
  20. Safari Extension Development Guide, "사파리 확장 바 또는 팝업과 글로벌 HTML 간 상호작용," pp. 46-49, 2012.
  21. Safari Extension Development Guide, "사파리 확장기능과 웹 페이지 간 상호작용," pp. 80-82, 2012.