• Journal of KIISE
• /
• v.44 no.9
• /
• pp.871-877
• /
• 2017

A vast amount of research has been carried out for executing compute-intensive applications on resource-constrained mobile devices. Computation offloading is a method in which heavy computations are dynamically migrated from a mobile device to a server, exploiting the powerful hardware of the server to perform complex computations. An important issue for offloading is the complexity of reconciling the execution state of applications between the server and the client. To address this issue, snapshot-based offloading has recently been proposed, which utilizes the snapshot of a web app as the portable description of the execution state. However, for web applications using the HTML5 canvas, snapshot-based offloading does not function correctly, because the snapshot cannot capture the state of the canvas. In this paper, we propose a code generation technique to save the canvas state as part of a snapshot, so that the snapshot-based offloading can be applied to web applications using the canvas.

• Journal of the Korean Association of Geographic Information Studies
• /
• v.14 no.4
• /
• pp.44-53
• /
• 2011

This study designed and implemented a web-based computing environment for geovisual analytics using HTML5 canvas. The computing environment supports visualization tools and user's interaction. The visualization tools are cluster map, animated map, temporal parallel coordinate plot, and temporal heat map chart. Users can explore the temporal changes of cluster using multiple view and brushing technique. The computing environment that works well across browsers is used in the computing environment with multiple devices.

• Journal of the Korea Institute of Information and Communication Engineering
• /
• v.18 no.12
• /
• pp.3042-3048
• /
• 2014

Recently, HTML5 have drawn many people's attention since it is considered as a next-generation web standard and can implement a lot of graphic and multimedia-related techniques on a web browser without installing programs separately. In this paper, we implement a game independent of platforms, such as iOS and Android, using the HTML5 canvas. In the game, the main character can move up, down, left, and right not to collide with neighboring enemies. If the character collides with an enemy, the HP (hit point) gauge bar reduces. On the other hand, if the character obtains heart items, the gauge bar increases. In the future, we will add various items to the game and will diversify its user interfaces by applying computer vision techniques such as various gesture recognition.

• KIISE Transactions on Computing Practices
• /
• v.23 no.12
• /
• pp.660-669
• /
• 2017

In order to improve user accessibility and interactivity, system scalability, service speed, and a non-standard internet web environment, we developed a Web-based geovisualization system of oceanographic information using HTML5 and dynamic particles. In particular, oceanographic and meteorological data generated from a satellite remote sensing and radar measurement and a 3-dimensioanl numerical model, has the characteristics of a heterogeneous large-capacity multi-dimensional continuous spatial and temporal variability, based on geographic information. Considering those attributes, we applied dynamic particles represent the spatial and temporal variations of vector type oceanographic data. HTML5, WebGL, Canvas, D3, and Leaflet map libraries were also applied to handle various multimedia data, graphics, map services, and location-based service as well as to implement multidimensional spatial and statistical analyses such as a UV chart.

• Proceedings of the Korea Information Processing Society Conference
• /
• 2014.11a
• /
• pp.955-957
• /
• 2014

HTML5에 들어서면서 웹서비스 구현에 보편적으로 사용되는 신기술들이 속속들이 나오고 있다. 브라우저 자체적인 그래픽 구현을 위한 Canvas/SVG, 멀티미디어와 관련된 audio, video, webaudio API 등이 추가되었고, 이로 인해 HTML5는 웹 환경에 더 빠르고 정교하며 편리한 인터페이스를 제공해 주었다. 이 중 아직도 표준화가 진행 중이거나 많은 브라우저에서 지원하지 않아 섣불리 사용 할 수 없는 기술들 또한 상당 수 존재한다. 본 논문에서 HTML5기술들을 활용하여 다양한 플랫폼에서 공통적으로 동작되는 플랫폼 독립적인 음원 스트리밍 웹서비스를 개발한다.

• Proceedings of the Korea Information Processing Society Conference
• /
• 2017.11a
• /
• pp.368-370
• /
• 2017

대규모 실시간 작화 기술은 그림판 기능이 중심인 새로운 SNS를 개발하는데 있어 필수적인 기술이다. 기존 Flash나 HTML의 canvas로 구현된 기술에는 빠르게 실시간으로 표현할 수 없는 한계점을 가지고 있다. 이를 해결하기 위해 본 논문에서는 socket.io와 fabricjs를 활용하여 빠르게 실시간으로 소통 가능한 대규모의 실시간 작화 기술을 구현하였으며, 기술에 대한 소개와 해당 기술을 프로젝트 빅 픽쳐에서 어떻게 적용했는지 기술 했다.

• Journal of Digital Convergence
• /
• v.12 no.12
• /
• pp.521-528
• /
• 2014

In this paper, we propose the method of converting 2D image to 3D image using linear curves in HTML5. We use only one image without any other information about depth map for creating 3D images. So we filter the original image to extract RGB colors for left and right eyes. After selecting the ready-made control point of linear curves to set up depth values, users can set up the depth values and modify them. Based on the depth values that the end users select, we reflect them. Anaglyph 3D is automatically made with the whole and partial depth information. As all of this work has been designed and implemented in Web environment using HTML5, it is very easy and convenient and end users can create any 3D image that they want to make.

• Journal of Digital Convergence
• /
• v.12 no.12
• /
• pp.553-560
• /
• 2014

In this paper, we propose a method to convert 2D image to 3D anaglyph using quadratic & cubic B$\acute{e}$zier Curves in HTML5. In order to convert 2D image to 3D anaglyph image, we filter the original image to extract the RGB color values and create two images for the left and right eyes. Users are to set up the depth values of the image through the control point using the quadratic and cubic B$\acute{e}$zier curves. We have processed the depth values of 2D image based on this control point to create the 3D image conversion reflecting the value of the control point which the users select. All of this work has been designed and implemented in Web environment in HTML5. So we have made it for anyone who wants to create their 3D images and it is very easy and convenient to use.

• Proceedings of the Korea Information Processing Society Conference
• /
• 2015.04a
• /
• pp.997-1000
• /
• 2015

스마트폰 및 태블릿 PC 보급의 빠른 확산으로 인해 e-learning 학습환경도 빠른 속도로 모바일 환경으로 전환되고 있다. 이러한 변화에 맞추어 e-learning 서비스업체들도 모바일 서비스를 앞다투어 제공하고 있으며 앞으로도 그 수는 계속 늘어날 것으로 예측된다. 하지만 아직까지는 PC에서 보던 학습 동영상을 단지 모바일 환경에 보는 수준이며 수강생이 온라인 강의를 시청하다 강사에게 실시간으로 질문을 하고 답변을 받는 등의 의사소통은 어렵다. 이러한 단점을 극복하고 강사와 수강생이 웹 환경에서 원활한 의사소통이 가능하며, 많은 수의 수강생이 동시에 접속할 수 있는 HTML5의 WebSocket과 Canvas를 기반으로 한 실시간 문제풀이 시스템을 제안하고자 한다.

• The Journal of the Korea Contents Association
• /
• v.11 no.11
• /
• pp.91-101
• /
• 2011

This research aims to suggest web-based 3D face modeling system for hairline modification surgery. As public interests in beauty regarding face escalate with era of wide persoanl mobile smart iCT devices, need for medical information system is urgent and increasing demand. This research attempted to build 3D facing modeling library deploying conventional technology and proprietary software available. Implications from the our experiment found that problems and requirement for developing new web based standard. We suggest new system from our experiment and literature review regarding relevant technologies. Main features of our suggested systems is based on studies regarding hair loss treatment such as medical science, beauty studies and information technology. This system processes input images of 2D frontal and profile pictures of face into 3D face modeling with mesh-data. The mesh data is compatible with web standard technology including SVG and Canvas Tag supported natively by HTML5.