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

HTML5의 표준 웹 환경 확산과 스마트폰 점유율 상승과 더불어 다양한 디바이스에서도 동일한 화면을 제공하는 반응형 웹이 부각되고 있다. 반응형 웹을 적용하는 사이트가 지속적으로 증가하고 있으며, 특정 분야에 치중되지 않고 다양한 분야에서 활용되고 있다. 본 논문에서는 반응형 웹 디자인을 위한 주요 기법들에 대해 기술하고, 이를 기반으로 WYSIWYG HTML5 저작도구에서 컨텐츠별 페이지 레이아웃 설계 없이 태블릿과 모바일 페이지를 자동으로 생성할 수 있는 사용자 직관적인 반응형 레이아웃을 설계하였다.

• Journal of Digital Convergence
• /
• v.16 no.11
• /
• pp.465-470
• /
• 2018

This study investigated how layouts can be arranged to improve the user experience in response to changes in the size of responsive webs in a multi - device environment. The layout elements of the responsive web are largely divided into a header, a main concept image, a main content, a sub-content, and a footer. As the screen becomes smaller, the use of drawers and the menu of the scrolling menus rather than the vertical menus will help improve the user experience. The main concept image should be consistent and not lose readability through the use of system fonts. The main content and the sub content should be prevented from being long in the vertical scroll, and the card UI, the table list and the grid list could be alternatively presented for this purpose. Another problem with vertical scrolling is that the placement of user-selectable menus, such as more or new content corrections, is helpful in improving the user experience.

• Proceedings of the Korean Institute of Information and Commucation Sciences Conference
• /
• 2015.10a
• /
• pp.1093-1094
• /
• 2015

Due to the use of the responsive web, representation of the web in a variety of devices is to be implemented in a more unified look. In this paper, we suggest how to implement fluid layout. We explain how to configure the fluid layout with the latest technology, flexible box and confirmed its advantages and disadvantages. In addition, we propose ways to solve the problem occurred by applying the flexible box.

• 한국정보교육학회:학술대회논문집
• /
• 2021.08a
• /
• pp.283-288
• /
• 2021

In the COVID-19 situation, digital textbooks have been used in many schools. In order for digital textbooks to become active even in the post COVID-19 era, the functions of digital textbooks must be improved. Digital textbooks are traditional book-type textbooks with glossaries, video materials, and evaluation questions added. Recently, they are being used usefully for practical education by providing realistic contents such as Augmented Reality, Virtual Reality, and 360 images. Therefore, in this study, in order to prepare for the post COVID-19, we found the functional problems of digital textbooks and suggested a way to improve them. First, the layout of digital textbooks should be developed as a responsive layout, deviating from the same form as a book-type textbook. Second, digital textbooks and learning management systems must be integrated. Third, by developing a digital textbook for teachers, teachers should be able to directly reorganize the contents or add external materials. Fourth, learning analysis should be possible using data recorded in digital textbooks. Fifth, in the 2022 revised curriculum, various subjects should be developed as digital textbooks.

• Knowledge Management Research
• /
• v.23 no.2
• /
• pp.193-210
• /
• 2022

The rapid development of mobile technology and the improvement of network speed are providing convenience to various services, and mobile shopping malls are no exception. Although efforts are being made to promote sales by combining various technologies such as customized recommendations using big data and specialized personalization services based on artificial intelligence, most mobile shopping malls have the same detailed page information structure including detailed product information. In this context, in this study, it was determined that the content layout of the product detail page and the mobile product detail page layout tailored to the consumer's preference should be presented according to the consumer's preference. Based on Higgins' Regulatory Focus Theory, a study of consumer propensity revealed that the content layout arrangement on a product detail page, when presented in an F-shape, informs the consumer that it is organized. If presented in a Z-shape, vivid information was recognized, and it was examined whether the product attitude and purchase intention were affected. As a result, when the content layout composition was presented as a layout arrangement in the form of a sense of unity and organization, prevention-focused consumers were positively affected by product attitudes and purchase intentions, and promotion-oriented consumers felt freedom. When presented in an arrangement, it was confirmed that the product attitude and purchase intention were affected.

• Journal of the Korean Association of Geographic Information Studies
• /
• v.18 no.3
• /
• pp.52-62
• /
• 2015

As a recent dominant web trend, mobile first strategy has been emphasized, and interests with respect to responsive web that provides effective methodology to various mobile devices and their display resolution are also increasing. However, it is an early adoption stage in web mapping for geo-spatial applications. This study is to present some practical examples of layouts using responsive web technologies linked to geo-spatial open platform. Suggestive consideration points for further application of responsive web to geo-spatial services are presented. On test implementing, HTML5, JavaScript, and CSS3 were used, and web mapping processing using OpenLayers was performed. It is expected that responsive web applications for contents derived from geo-spatial information or location data increase.

• Proceedings of the Korea Information Processing Society Conference
• /
• 2016.10a
• /
• pp.738-741
• /
• 2016

다양한 크기의 모바일 기기가 등장함에 따라 기존 웹 어플리케이션으로는 개발자가 의도한대로 레이아웃을 구성하기 어려우며 네이티브 어플리케이션은 운영체제별로 각각 개발해야하기 때문에 많은 개발 시간을 필요로 한다는 단점이 있다. 본 논문에서는 부트스트랩을 이용하여 기기의 화면 크기에 가변적인 반응형 웹을 구축하고 모바일 운영체제의 웹뷰를 이용한 하이브리드 앱을 구현함으로써 개발과정 및 개발 시간 단축을 검증하였다.