The Journal of the Korea institute of electronic communication sciences (한국전자통신학회논문지)

Korea Institute of Electronic Communication Science (한국전자통신학회)
권호 표지
DOI QR코드

DOI QR Code

Responsive Web of Prototype based on Implementation Structure

인터페이스 구조에 따른 프로토타입의 반응형 웹

  • Jang, Seung-Young (Dept. Department of Business Information, NAMBU National University)
  • 장승영 (전남과학대학교정보전산원)
  • Received : 2018.03.30
  • Accepted : 2018.06.15
  • Published : 2018.06.30
Download PDF
⟨ Previous Next ⟩

Abstract

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.

본 논문은 인터페이스 구조를 근거로 프로토콜타입의 웹 사이트 설계 방식에 대한 반응형 웹의 설계에 필요한 기술들을 두고 서술하게 되었다. 반응형 설계는 프로토콜 타입의 요구사항을 인터페이스 기반사항에 근거로 분석하여 개발과정에 적용하는 프로세서를 의미한다. 개발에 있어서 우선원칙에 의한 설계방식을 수립하고 디자인공식에 의한 유연성과 가변성을 설정하여 사용자중심의 제1원칙과 제2원칙으로 나누어 인터페이스 구조로 정립해 나갔다. 그리고 압축기술을 논의를 통해 비동기적 스크립트를 결합방식의 방법을 모색하여 웹의 프로토콜 타입에 맞게 확장시킬 수 있는 방법을 찾게 되었다. 오늘날 웹 사이트나 웹 애플리케이션에 대한 필요성은 장치에 관계없이 적응하고 접근할 수 있어야 한다. 이러한 해결방안으로 반응형 웹 사이트 설계방식에서 찾게 되었으며 반응형 웹 사이트 설계방식에 대한 인터페이스 구조와 이를 근거로 한 프로토콜 타입의 웹 사이트 설계방식에 대한 중요기법들을 마련하게 되었다.

Keywords

References

  1. K. Developedia, Korea's 4TH Industrial Revolution, HansMedia, 2017.
  2. Cisco. VNI, Visual Networking Index Global Mobile Data Traffic Forecast for 2013 to 2018, Cisco(R), 2014.
  3. J. Lee, Digital culture, Communication Books, 2013.
  4. G. Byun, "The Culture Marketing : An Expl oratory Approach to Its Concept and Dom ain," The j. of Woman & Management, vol. 3, no. 2, 2011, pp. 71-83.
  5. B. Martin, Global Digital Future in Focus 2018, Cisco(R), 2017.
  6. E. Marcotte, Responsive Web Design, alistapart, 2010, URL:http://alistapart.com/article/responsive-web-design.
  7. G. Kim, "Design and Implementation of Ada ptive Interaction-based Video Syllabus," jkiecs. vol. 9, no. 9, 2014, pp. 991-998.
  8. H. Sim, "The Developement of Smart TV and Smart Home Platform based on HTML 5," J. of the Korea Institute of Electronic Communication Sciences, vol. 12, no. 4, 2017, pp. 663-670.
  9. J. Seo, C. Kim, "Design and Implementation of Web Contents Management System base d on RIA," J. of the Korea Institute of Electronic Communication Sciences, vol. 10, no. 10, 2015, pp. 1109-1114. https://doi.org/10.13067/JKIECS.2015.10.10.1109
  10. S. Hay, There is no Mobile Web, The haystack, 2011, URL: http://www.the-haystack.com/2011/01/07/.
  11. S. Krug, Don't Make Me Think: A Common Sense Approach to Web Usability, New Riders Publishing, 2014.
  12. J. Seo, "Implementation of Mobile Social Network System for Shared Contents of Public Service," J. of the Korea Institute of Electronic Communication Sciences, vol. 9, no. 9, 2014, pp. 1051-1056. https://doi.org/10.13067/JKIECS.2014.9.9.1051
  13. S. Sounders, High Performance Web Sites : Essential Knowledge for Front-End Engineers, ICT(R), 2007.