• Title/Summary/Keyword: responsive layout

Search Result 5, Processing Time 0.02 seconds

A Study on the Application of Responsive Web for the Flexible Box (플렉서블 박스의 반응형 웹 적용에 대한 연구)

  • Kim, Ho Jin;Kim, Chang Soo
    • 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.

  • PDF

Improving the Functions of Digital Textbooks to Prepare for the post COVID-19 (포스트 코로나를 대비한 디지털교과서의 기능 개선)

  • Kim, Hong-sun;Jeong, Young-sik
    • 한국정보교육학회:학술대회논문집
    • /
    • 2021.08a
    • /
    • pp.283-288
    • /
    • 2021
  • In the COVID-19 situation, digital textbooks have been used in many schools. In order for digital textbooks to become active even in the post COVID-19 era, the functions of digital textbooks must be improved. Digital textbooks are traditional book-type textbooks with glossaries, video materials, and evaluation questions added. Recently, they are being used usefully for practical education by providing realistic contents such as Augmented Reality, Virtual Reality, and 360 images. Therefore, in this study, in order to prepare for the post COVID-19, we found the functional problems of digital textbooks and suggested a way to improve them. First, the layout of digital textbooks should be developed as a responsive layout, deviating from the same form as a book-type textbook. Second, digital textbooks and learning management systems must be integrated. Third, by developing a digital textbook for teachers, teachers should be able to directly reorganize the contents or add external materials. Fourth, learning analysis should be possible using data recorded in digital textbooks. Fifth, in the 2022 revised curriculum, various subjects should be developed as digital textbooks.

  • PDF

Development of User Responsive Culture Tourism System based on Spring Framework Using OpenAPI (OpenAPI를 활용한 Spring Framework 기반의 사용자 반응형 문화관광 시스템 개발)

  • Cho, Kyu-Cheol;Park, Kyu-Min
    • Proceedings of the Korean Society of Computer Information Conference
    • /
    • 2020.01a
    • /
    • pp.135-138
    • /
    • 2020
  • 본 연구에서는 사용자의 시간·공간적 정보를 사용한 맞춤형 문화관광 시스템을 제안한다. 이 시스템은 사용자의 시스템 접근 위치와 시간을 사용하여 사용자와 가까운 문화관광지와 참여가능한 축제와 활동을 선별한다. 또한 이 시스템은 사용자의 요구에 따라 전체적인 활동을 보여줌에 있어서 OpenAPI에서 데이터를 가져와서 Chart와 Grid layout를 통해 시각적으로 이해하기 쉽게 하고, Index을 통해 정보를 분류하여 파악할 수 있게 한다. 본 연구는 정형화된 문화관광 시스템보다 다양한 형태의 문화관광이 이루어질 수 있는 시스템을 개발하였다.

  • PDF

User experience of responsive web on multi-device environment (멀티 디바이스 환경에서 반응형 웹의 사용자 경험)

  • Kang, Jae-Shin;Lee, Young-Ju
    • 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.

Implementation of the Step UI to Collect the Necessary Media Resource for Promotional Video (홍보 영상 제작에 필요한 미디어 리소스 수집을 위한 Step UI 구현)

  • Lee, Ji-Hyun;Jang, Jung-Eun;Han, Man-Jong;Lim, Tae-beom
    • Proceedings of the Korean Society of Broadcast Engineers Conference
    • /
    • 2015.07a
    • /
    • pp.137-138
    • /
    • 2015
  • IT 기기와 서비스가 보편화되고 있는 시점에 사용자 인터페이스의 중요성은 날이 갈수록 중요해지고 있다. 사용자가 특정한 일을 하기 위해서는 반드시 인터페이스를 통해 시스템과 의사소통해야하며 인터페이스가 얼마나 편리하고 친근한가에 따라 작업의 효율성도 달라진다. 그러므로 인터페이스는 사용자와 시스템 간의 원활한 의사소통을 통해 정확한 업무 수행하기 위한 요소로 매우 중요하다. 이러한 분위기 속에서 다양한 IT 기기가 등장하면서 이에 따른 UI 트렌드도 변화하고 있다. 최근 UI 트렌드로는 대표적으로 Responsive UI(반응형 UI)를 비롯해 Metro UI, Tile Layout 등이 있다. 하지만 이러한 UI만으로는 소상공인들 위한 홍보 영상 제작 플랫폼(이하 Ad-it)에서 홍보 영상을 만들기 위한 미디어 리소스 수집하는 데에 어려움이 존재한다. 소상공인의 주요 연령대가 40~50대라는 점을 감안하여 사용자의 IT 기술 친숙도를 반영하지 않았기 때문이다. 이러한 문제점을 해결하고자 본 논문에서는 홍보 영상 리소스 수집을 위해 소상공인이 쉽게 따라올 수 있도록 단계별로 나누어진 Step UI 개념을 도입하여 홍보 영상 제작에 필요한 미디어 리소스를 수집을 위한 Step UI를 구현하였다.

  • PDF