• Journal of Korea Society of Industrial Information Systems
• /
• v.21 no.3
• /
• pp.47-55
• /
• 2016

Recently, research and development for the responsive web is increasing. However, studies of responsive web accessibility evaluation is insufficient. In this study, we evaluated and analyzed the accessibility of Responsive Web site. As a result, accessibility errors were found including providing alternative text of image contents, keyboard access and usage, logical move of the focus and providing the title. These errors can also be responsive web errors. Therefore, it is necessary to supplement and modify them.

• Journal of Digital Contents Society
• /
• v.16 no.4
• /
• pp.513-522
• /
• 2015

Various types of digital displays from PC monitor up to smart watch have been developed in response to the dramatic technological progress of electronics. Accordingly, web content creators have the need to provide web contents respectively depending on the different display environments, which increases production time and costs. As a technique for overcoming this, the responsive web design method has been proposed, which means a web page with the size of the screen being adjusted depending on the types of display. Although the responsive web system is increasingly implemented in the region of contents search pages of domestic portals, there are still many cases that contents are implemented separately for PC and for mobile. In this paper, we investigate the responsive types of the web implementation of contents search pages of domestic portal, and propose an efficient new UI for responsive web to individual types of contents search pages which responsive design is not applied to.

• 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.

• The Journal of the Korea institute of electronic communication sciences
• /
• v.13 no.3
• /
• pp.609-616
• /
• 2018

The purpose of this study is to describe the technologies necessary to design responsive web with the use of the responsive website based on implementation structure as a prototype. Responsive design means the process of analyzing prototype requirements on the basis of implementation and applying the analysis results to development. The design method based on the principle of priority in development was established, and then flexibility and variability through design formula were set up. After that, the user-oriented primary principle and secondary principle were drawn to establish implementation structure. In the way of discussing compression technologies, a method of combination was searched for, and then a method of asynchronous script scalability in line with a web prototype was found. Today, a website or a web application needs to be adopted and accessed regardless of device types. As a solution, a responsive website design method was found. Important technologies for the implementation structure for the responsive website design method and its relevant prototype website were came up with.

• The Journal of Korea Institute of Information, Electronics, and Communication Technology
• /
• v.6 no.1
• /
• pp.45-50
• /
• 2013

Recently, as various devices including the smart phone, tablet and smart TV increase rapidly, it have been trouble to develop services separately, which are the same as in each device. When it comes to manufacture these kinds of web applications, what is worse, it takes too much time, cost ineffective and hard to maintain as well. In order to solve the non-unity of these flat forms, some researches for the responsive web design according as the hybrid framework are being progressed. In this paper, we analyzed the technologies and trends of the hybrid framework, and also implemented the responsive web contents which is based on hybrid framework.

• 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.

• Proceedings of the Korean Society of Computer Information Conference
• /
• 2014.07a
• /
• pp.43-44
• /
• 2014

본 논문에서는 사용자에게 동일한 경험과 최적화 된 웹 매거진의 디자인 서비스 설계 연구를 위해 해상도 혹은 디바이스에 따라 유연하게 변화되는 반응형웹 매거진의 표현방식에 따른 변화를 살펴보았다. 웹 매거진의 표현방식은 멀티미디어, 인터랙티브 환경, GUI 디자인으로 구성 되어 있다. 이를 토대로 점유율이 높은 대표 웹 매거진을 선정하여 표현 방식을 살펴본 결과 멀티미디어 요소에서는 동일한 디자인에 최적화 된 크기 변화를 주는 방법과, 협소한 해상도에서는 비교적 중요도가 떨어지는 디자인 요소를 숨기는 방식으로 설계 되었고, 인터랙티브 환경과 GUI의 변화에서는 요소들의 정렬의 변화로 동일한 시각적 이미지와 최적화된 이미지 배열의 형태를 보여주었다.

• 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.

• The Journal of Korean Institute of Information Technology
• /
• v.17 no.5
• /
• pp.1-12
• /
• 2019

Unlike existing Open APIs, Linked Data are made as a huge intelligent base to perform high-level SPARQL queries, and it is possible to create efficiently a new content by mashuping different information from various datasets. This paper implements a responsive web application for location-based semantic search. We mashup DBpedia, a kind of Linked Data, and GoogleMap API provided by Google, and provide a semantic browser function to confirm detail information regarding retrieved objects. Our system can be used in various access environments such as PC and mobile by applying responsive web design idea. The system implemented in this paper compares functional specifications with existing systems with similar functions. The comparison results show the superiority of our system in various aspects such as using semantic, linked-based browser, and mashup function.

• International Journal of Internet, Broadcasting and Communication
• /
• v.14 no.1
• /
• pp.25-30
• /
• 2022

Since Tim Berners-Lee introduced the idea of the web to the world in the late 1980s, the way information is produced, accessed and used has been constantly changing. This was once again an era of upheaval after Apple's Steve Jobs introduced the smartphone to the world in the mid-2000s. Before the advent of smart devices, web browsing was mainly done using desktops. After the advent of this device, the era of solving almost all human needs with a small PC in the palm of your hand has arrived. The necessity of seamless connectivity between devices, which are constantly emerging and evolving, asks our attention more than ever. In this study, we will discuss a case of design and development of a national open access website, which is optimized for dynamic online user behaviors with diverse devices. Our goal is to provide one true web for people to use in their environment. Device makers need to provide products identical to the desktop environment as much as possible. Service providers should also provide services optimized for each device in hyper-connected environments. Providing a web, optimized for user's online context, will eventually result in a sustainable user experience.