하나의 콘텐츠를 여러 디바이스에서 동일하게 사용하고 싶은 편리함에 대한 요구는 디스플레이 종류에 따라 화면의 크기를 자동으로 최적화하는 웹페이지 기술인 반응형 웹을 탄생시켰다. 유행의 속도가 빠른 한국은 IT기술의 사용 속도 면에서도 세계 어느 나라보다도 빠른 변화를 경험하고 있으며, 2010년 에단 마코트(Ethan Marcotte)에 의해 소개된 반응형 웹의 기 술은 이미 한국에서 상용화 되고 있다. 하지만 반응형 웹의 제작에 대한 표준화된 가이드나 개발 모델은 아직 미비하며, 제작 면에서도 표준화된 프로세스 보다는 제작자 개개인의 역량에 의존한 개발의 성격이 강한 현실이다. 본 연구에서는 반 응형 웹의 대표적 오픈 플랫폼인 부트스트랩(Bootstrap)의 사례를 기반으로 하여 반응형 웹의 그리드 시스템을 분석하고, 황금비율과 유동형 레이아웃을 중심으로 반응형 웹의 그리드 시스템 모델을 제안하였다. 늘어나는 수요와 중요성에도 불구 하고 관련 연구와 프로세스 표준화 작업이 부족한 반응형 웹의 제작환경에서, 프레임워크인 부트스트랩의 그리드 시스템은 반응형 웹 제작의 프로세스 표준화 작업에 좋은 선행연구 자료가 될 수 있을 것으로 보인다. 또한, 현재 서비스 중인 사이 트인 ‘클라우드 제트(Cloud Z)’에 대한 사례분석은, 부트스트랩을 사용하여 제작되는 반응형 웹 사이트가 현장에서 고객의 요구사항과 어떻게 조율되는지 대한 실제적인 사례라는 점에서 의미 있는 자료로 보여 진다.

기존의 인터넷 강의는 주로 하드웨어의 기준에 맞게 제시되어 학습자에게 시각적으로 안정된 콘텐츠를 제공하지 못하였다. 우리 주변의 영상출력 장비들 역시 과거 하드웨어적 기준에 의존한 채 그 형태가 정해져 왔으며 현재에도 별다른 규격이 없다. 그러나 최근에 개발된 16:10의 디스플레이 비율은 고대부터 사용되어온 황금비율인 약 1.618:1에 가장 가까운 비율로, 인간의 시야각을 기준으로 조망할 때 시각적인 최적화에 도달할 수 있게 된다. 따라서 본 연구는 황금비율과 가장 근접해 있는 디스플레이를 근거로 하여, 여기에 가장 디자인적으로 완성된 구조의 배치를 황금비율에 의해 생성되는 기준선을 통해 제시하고자 한다. 이를 위해서는 황금비율에 근거한 모듈을 개발하여 이를 학습 콘텐츠 화면에 대입시켜 그동안의 콘텐츠가 시각적으로 안정감을 줄 수 있는지의 여부를 살펴봐야 할 것이다. 이러한 노력은 인간이 고대부터 사용해 온 가장 이상적인 비율의 사용으로, 최적화된 온라인 학습 환경을 창출하는 동시에 학습자의 학습 환경을 안정적이고 쾌적하게 극대화시키는 결과를 창출할 수 있다. 황금비율에 의해 제시된 모듈의 모형에 대한, 그동안 개발된 원격교육 콘텐츠의 대입은 시각적으로 학습을 방해하는 요인을 없애고 학습효과의 증진을 조성할 수 있다. 이러한 적용을 위해 본 연구에서는 디지털서울문화예술대학교의 WBI형과 저작도구형의 콘텐츠에, 개발된 모듈을 대입시켜 개선할 부분을 명확히 드러내는 동시에 원격교육 학습의 시각적인 기준을 마련하고자 한다. 이와 같은 기준에 의해 개발된 모듈을 각종 콘텐츠에 적용한다면 편안한 시각적 환경을 제공하는 동시에 원격교육의 디자인적 모듈에 대한 기준을 마련하는 계기가 될 것이다.