• Title/Summary/Keyword: Responsive Design

Search Result 120, Processing Time 0.022 seconds

Responsive Web of Prototype based on Implementation Structure (인터페이스 구조에 따른 프로토타입의 반응형 웹)

  • Jang, Seung-Young
    • 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.

Study on Efficient Responsive Web Design for Individual Search Contents of Korean Portal (국내 포털의 개별형 콘텐츠 검색 영역 데이터에 기반을 둔 효율적인 반응형 웹 디자인에 관한 연구)

  • Lim, Kyeng Gyu;Cho, Hee Jun;Lee, Goo Yeon
    • 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.

Responsive Pneumatic Facade with Adaptive Openings for Natural Ventilation (창호의 개폐조절을 기반으로 한 리스펀시브 뉴메틱 파사드)

  • Lee, Jisun;Lee, Hyunsoo
    • Journal of the Architectural Institute of Korea Planning & Design
    • /
    • v.33 no.12
    • /
    • pp.29-39
    • /
    • 2017
  • The building skins are important architectural elements in both functional and aesthetical aspects. This study focuses on developing a responsive facade with autonomous opening and closing behaviors in accordance with environmental conditions and user requirements for natural ventilation for the office building. The pneumatic ETFE panels are applied as the skin materials taking advantage of the efficiency of the inflatable skin of lightness, architectural performance and sustainable material properties. The biomimetic design methodology is taken for its innovative and visionary concept for the facade design. The interpretation of the building facade in analogy to natural organisms delivers functional and aesthetic characters. By exploring the structural movements of the plant pores, the facade control is developed to be autonomous by the parameter values. The facade opening and closing configurations are derived through parametric modeling and visualization programming. Through the application of this study, expected results are to improve user comfort and energy efficiency.

The Development of Science Education Program Based on Culturally Responsive Teaching

  • Chung, Choong-Duk;Kang, Kyung-Hee
    • Journal of The Korean Association For Science Education
    • /
    • v.33 no.3
    • /
    • pp.626-638
    • /
    • 2013
  • The purpose of this study was to design a development frame for multicultural science program and develop a corresponding program using the frame. This study organized a development frame to design a multicultural science education program based on the culturally responsive teaching theory. This development frame consisted of the elements of purpose, teaching examples, teaching and learning methods, and assessment. This program consisted of the guideline for class teaching courses, reading materials, student worksheet, and teachers' reference materials. Based on this development frame, a multicultural science education program was developed, which was comprised of seven activities for elementary and middle school students. Each activity of the program included the concept and inquiry related to science education. In particular, by connecting the concept of science with the cultural characteristics of various countries, the activity made students aware of cultural diversity and the commonness of science principles. Compared to other subjects, the science education field has not actively undertaken studies on multicultural education. In term of dealing with universal principles, science education is suitable for making students aware of commonness. Accordingly, this gives rise to the need to draw cultural characteristics based on basic studies such as the analysis of science textbooks in various countries and develop culturally responsive programs utilizing the outcomes.

Implementation of Responsive Web Contents for Hybrid Framework (하이브리드 프레임 워크를 위한 반응형 웹 콘텐츠 구현)

  • Lee, Hyun-Jik;Kim, Yoon-Ho
    • 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.

Two photon absorption of electroluminescent polymer : Photoluminescence and photoconductivity studies (전기발광 고분자의 이광자흡수특성 : 광발광 및 광전도 특성)

  • Lee, Geon-Joon;Jeon, Seung-Joon;Kim, Kyung-Kon;Jin, Jung-Il;Kang, Han-Saem;Joo, Jin-Soo
    • Proceedings of the Optical Society of Korea Conference
    • /
    • 2001.02a
    • /
    • pp.228-229
    • /
    • 2001
  • Electroluminescent polymers have attracted considerable attention due to possible applications as large-area light-emitting displays. There have been many efforts to improve the electroluminescent efficiency. To design the polymer with high efficiency, it is necessary to understand the luminescent mechanism. In this report, we have investigated two-photon absorption(2PA) characteristics of highly efficient electroluminescent polymer using various techniques such as nonlinear transmission, 2PA-induced photoluminescence(2PA-PL) and 2PA-induced photoconductivity(2PA-PC). (omitted)

  • PDF

A Design of Photosensor Shape Considering Change of Room Situations for the Daylight Responsive Dimming Systems (광센서 조광제어시스템의 재실변화를 고려한 광센서 형상 디자인)

  • Joo, Keun-Tak;Park, Byung-Chul;Choi, An-Seop;Kyung, Chil-Han
    • Journal of the Korean Institute of Illuminating and Electrical Installation Engineers
    • /
    • v.19 no.5
    • /
    • pp.1-8
    • /
    • 2005
  • Daylight responsive dimming systems have been used to save the energy in office buildings. It is needed to consider a configuration of photosensor shape for efficient management of daylight responsive dimming systems. The configuration of optimal photosensor shape must be able to measure the exact luminous flux without changing of setting positions corresponding to the changes of room situations. On this occasion optimal photosensor shape must be designed with configuration of a proper photosensor spatial distribution and location for the daylight responsive dimming systems.

An Investigation on the Thermal Characteristics of Heat-Responsive Element of Sprinkler Head (스프링클러헤드 감열부의 열적 특성에 관한 연구)

  • You, Woo-Jun;Moon, Hyo-Jun;Youm, Moon-Cheon;Ryou, Hong-Sun
    • Fire Science and Engineering
    • /
    • v.26 no.3
    • /
    • pp.79-84
    • /
    • 2012
  • In this study thermal characteristics of heat-responsive element considering conduction, convection and rate of change of element using Response Time Index (RTI) applied to sensitivity test of sprinkler head at home and aborad are theoretically investigated. Analytic solution of temperature distributions with radial direction and time is obtained form energy transport equations, non-homogeneous 2th order partial differential equation, applying to constant wall temperature and symmetric condition in order to analyze thermal characteristics of heat-responsive element for circular cylindrical geometry. Base on the results, the analytic method of this study is fundamental data to practical use for sensitivity test of sprinkler head and design of heat-responsive element.

Origami inspired Temperature Sensor based on Stimuli-Responsive Hydrogel (종이접기 기반 자극 반응성 하이드젤 온도 센서 연구)

  • Na, Jun-Hee
    • Journal of Sensor Science and Technology
    • /
    • v.26 no.1
    • /
    • pp.35-38
    • /
    • 2017
  • A thermally responsive hydrogel has reversibility with temperature during swelling. Here, we proposed origami inspired temperature sensor by using multi-layered hydrogel film. The formation of patterned stripes on microscale film drives bending to an angle that can be controlled linearly. Although temperature range was not wide, measured sensitivity of sensors has high resolution and accuracy. It providing a powerful platform for the design of sensitive sensors and that easily adapt other type of sensors in microscale.

A Comparative Study on the Expression Types of Web Magazine in Responsive Web (반응형웹 기반의 웹매거진 표현방식 비교연구)

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

  • PDF