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

• 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 Society of Computer Information Conference
• /
• 2014.07a
• /
• pp.43-44
• /
• 2014

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

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

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

• Journal of Information Technology Services
• /
• v.17 no.3
• /
• pp.63-75
• /
• 2018

In this paper, we propose a testing method of the quality of device application effectively reflecting the necessity of increasing mobile device application quality test, and designed and developed it as a web system. We have studied traditional software testing methods for designing and developing a system. We have developed a next-generation alternative technology that can analyze and compensate for the weaknesses of the web and weaknesses of the Android in order to realize the access system and the responsive web system. As an example applied to the system, we analyzed the requirements of the system implementation and expressed the functions of the system through the use case diagram. The test scenarios were conducted by connecting 5,000 devices to each system using the existing HTTP polling method and the proposed web socket method. After setting the comparative group, the result of the proposed web management system was observed and compared through repeated tests. The research shows that the proposed web socket system has better performance than HTTP polling. The more the number of simultaneous processing of the devices, the lower the server stability but the better the time efficiency. In conclusion, the more the number of devices to be tested is, the more the number of devices can be effectively tested using the proposed web management system.

• 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 Korean Society of Computer Information Conference
• /
• 2017.01a
• /
• pp.251-254
• /
• 2017

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