• 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 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 Korean Society of Computer Information Conference
• /
• 2017.07a
• /
• pp.149-150
• /
• 2017

웹 프로그래밍을 공부하는 학생들이 본인들이 만든 웹 페이지를 서버에 호스팅하여 관리하기는 쉽지 않다. 본 논문에서는 스프링 프레임워크를 기반으로 반응형 웹을 개발하고 개발한 웹 페이지를 아마존 웹 호스팅 서비스를 이용하여 호스팅하는 과정을 다룬다. 스프링 프레임워크는 POJO(Plain Old Java Object) 방식의 프레임워크로써 특정한 인터페이스를 구현하거나 상속을 받을 필요가 없어 기존에 존재하는 라이브러리 등을 지원하기에 용이하고 객체가 가벼우며, CSS를 사용한 반응형 웹은 모바일에서도 접근하기 쉬우므로 높은 접근성을 제공한다. 이렇게 개발한 웹 페이지를 호스팅 하여 관리하는 것은 특히 입문단계의 개발자에게 큰 도움이 될 것이다.

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

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

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

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

• Proceedings of the Korea Contents Association Conference
• /
• 2012.05a
• /
• pp.17-18
• /
• 2012

온라인 접속이 기존 컴퓨터가 아닌 스마트폰과 타블렛 PC로 확장되면서, 웹에서 보여지는 방법, 즉 웹 디자인에 큰 변화가 일고 있다. 스마트폰, 타블렛 PC, 컴퓨터, 이 세 가지 디바이스에 모두 최적화된 웹 혹은 각각의 디바이스의 환경에 맞춘 웹 퍼블리싱 서비스가 크게 증가하고 있는 것이다. 또한 지금까지의 인터넷의 역할이 콘텐츠, 검색 쪽이었다면 모바일 기기 사용이 증가함에 따라 사용자들은 그들만의 개인화 서비스에 대한 요구가 점점 증가하고 있다. 이러한 요구에 맞춰 가장 눈에 띄는 변화는 바로 "One Page Design"의 증가와 반응형 웹 디자인이라고 할 수 있다. 이에 본 논문은 모바일 웹 환경에서 개인화서비스를 효과적으로 활용하기 위해 One Page Design과 반응형 웹 디자인에 대해 알아보고 이를 현재 개발진행중인 포털사이트에 적용해본 후, 이에 대한 문제점과 개선방안에 대해 논의해 보고자 한다.

• Proceedings of the Korea Contents Association Conference
• /
• 2018.05a
• /
• pp.183-184
• /
• 2018

본 연구는 늘 접속되어 있는 디지털 고객들을 우선으로 한 모바일 우선주의 관점의 반응형 웹 디자인 패턴에 관한 연구이다. 현황파악 및 분석을 위해 WEB AWARD KOREA 모바일 부분 대상 수상작을 중심으로 반응형 웹 디자인 패턴 및 웹 그리드 시스템을 조사, 분석했다. 이를 통해 모바일에서부터 최적화된 반응형 웹 디자인 패턴을 적용한 디자인 모델을 제안하였고, 향후에는 실제 사이트에 적용하여 사용성을 검증하고 궁극적으로는 지속적으로 늘어나는 디지털 고객을 위한 반응형 웹 디자인 표준화 작업을 위한 기초가 될 것이다.

• Proceedings of the Korean Society of Broadcast Engineers Conference
• /
• 2012.07a
• /
• pp.347-349
• /
• 2012

디바이스 사용 환경이 다양해지면서 이를 고려한 반응형 UI/UX 개념이 대두되고 있다. 이를 위해 기존 데스크탑 기반의 UI에 국한되지 않고 다양한 모바일 디바이스 환경 및 사용자 특성을 고려한 적응적인 UI/UX를 제공해야 한다. 본 논문에서는 MPEG-21을 기반으로 반응형 웹 UI/UX를 제공하는 새로운 프레임워크를 제안한다. 기존 반응형 웹 디자인은 주로 조합한 여러 단위 기술을 이용하여 해상도의 변화에 반응하여 엘리먼트를 적응 시키는 방법을 사용한다. 제안하는 기술은 단일 프레임워크를 이용하여 컨텐츠 및 리소스를 보다 다양한 환경 정보를 사용하여 적응시킨다. 이는 기존 방법과 비교하여 서비스 제공자가 많은 종류의 리소스 및 데이터를 서비스 함에 있어 3rd 파티 컨텐츠 프로바이더의 참여 및 수정이 용이하도록 하였으며 자동으로 사용자 환경을 파악하여 맞춤형 컨텐츠 제공이 가능하도록 한다.

• Proceedings of the Korea Contents Association Conference
• /
• 2019.05a
• /
• pp.429-430
• /
• 2019

현재 구매 대행 쇼핑몰 사이트들이 많지만 증가하고 있는 스마트폰 사용자들을 위한 서비스는 아직도 부족한 상황이다. 본 논문에서는 관련 웹사이트 3개를 선정하여 SWOT 분석을 통하여 비교분석을 하고, 반응형 웹사이트를 통해 스마트폰으로 볼 수 있고 구매 가능한 편리하게 이용할 수 있는 반응형 웹을 통하여 게임구매대행 반응형 웹사이트를 구축하고자 한다.