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

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

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

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

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

• Proceedings of the Korean Society of Computer Information Conference
• /
• 2017.01a
• /
• pp.251-254
• /
• 2017

최근 현대인들은 웹 환경에 대해 높은 관심을 보이고 있다. 또한 웹 환경에서 HTML5의 표준화에 따라 사용자의 경험, 즉 'UX(User Experience)' 설계에 대한 관심 또한 높아지고 있다. 이러한 환경을 차세대 웹 플랫폼이라 한다. 차세대 웹 플랫폼이라 함은 HTML5라는 웹 표준 규약에 따라 설계한 것을 뜻한다. 따라서 본 논문에서는 이러한 차세대 웹 플랫폼의 UX 설계에 대한 최신 트렌드와 콘텐츠 UX에 대해서 설명하고 반응형 디자인에 따른 웹사이트 수익과의 관계까지 실험결과를 토대로 제시하고자 한다.

• The Journal of the Korea Contents Association
• /
• v.20 no.11
• /
• pp.656-668
• /
• 2020

The Sejong City was launched in July 2012 and was initially focused on the relocation of central administrative agencies, but it has been changing from an administrative city to a fourth industrial city since 2019 to a smart city and the implementation of Korea's New Deal in 2020. Identity design needs to be reevaluated accordingly. In particular, the web environment is also calling for an optimized identity design due to rapid changes in information technology such as various wearables and the Internet of Things. As the number of responsive web sites where information and communication technologies can be developed and optimized screens can be viewed increased, identity was intuitively communicated to users and designs were applied to make them more distinct and empathetic to other cities. Prior to the study, we looked at prior studies on the changing times in the web environment and the reactive web, and analyzed the identity design of the reactive web and applied minimalism characteristics step by step. Based on this, we surveyed experts and non-experts on the proposed survey by applying minimalist characteristics (simple, repeatability, and spatiality) of reactive identity and found that it was easily and intuitively recognizable in a small web environment such as mobile. Therefore, we hope that Sejong City's identity will continue to be studied in various ways and efficient management so that identity can be established in accordance with the changes of the times.

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

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

• Journal of the Korea Convergence Society
• /
• v.10 no.3
• /
• pp.395-400
• /
• 2019

The Web environment of the frontend domain is increasingly competitive to preempt the new standard of presentation layer. N-Screen, a service that enables users to seamlessly use one content in various devices in Korea, is competing for market preemption by recognizing it as a core service of the future. In the cloud computing, N-screen is a typical service type. However, most of the frontend research required for groupware in enterprise environments has been limited to responsive web design for the web and native apps for mobile. Gradually, the need for MVC design patterns is increasingly widening in enterprise environments to overcome the cultural differences of companies and to support one source multi-use strategy supporting multiple devices and development productivity. Therefore, in this study, we will analyze and design JPetStore with hybrid application design based on Spring MVC, e-government standard framework environment of next generation web standard, and provide reference model of frontend hybrid apps design in future enterprise environment.

• Proceedings of the Korea Information Processing Society Conference
• /
• 2013.11a
• /
• pp.421-424
• /
• 2013

최근 문제가 되고 있는 전력 문제를 효율적으로 관리하기 위해 건물 에너지 관리 시스템이 주목받고 있다. 건물 에너지 관리 시스템은 관리자가 건물의 전력 소비량을 효율적으로 관리할 수 있도록 전력 소비량에 대한 모니터링 기능을 제공하는 시스템이다. 기존의 건물 에너지 관리 시스템은 과거, 현재, 미래의 전력 소비량을 통계 자료로 제공하고, 이를 토대로 전력 과부하 발생을 방지하였다. 그렇지만 기존의 시스템에 반응형 웹 디자인을 적용한 사례를 찾아보기 힘들며 온도 변화에 따른 전력 소비량을 고려하지 않기 때문에 정확한 부하 예측을 하기 어렵다는 단점이 있다. 본 논문에서 제안한 건물 에너지 관리 시스템은 반응형 웹 디자인을 적용하여 여러 모바일 기기로도 편리하고 효율적으로 건물을 관리할 수 있게 하였다. 또한, 건물에서 유지되어야 할 목표 온도, 건물 전력 소비량에 대한 과거 데이터와 기상청에서 제공하는 데이터를 통하여 부하 예측을 하고, 다양한 전력 소비량 통계 자료를 제공한다. 이를 통해 관리자는 효율적인 건물 에너지 관리를 할 수 있다.

• 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 파티 컨텐츠 프로바이더의 참여 및 수정이 용이하도록 하였으며 자동으로 사용자 환경을 파악하여 맞춤형 컨텐츠 제공이 가능하도록 한다.

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