• 한국산업정보학회논문지
• /
• 제21권3호
• /
• pp.47-55
• /
• 2016

최근 다양한 디바이스에서의 접근 및 활용을 위한 반응형 웹 기술에 대한 연구와 활용이 급증하고 있다. 그러나 반응형 웹에서의 접근성 준수 및 분석을 수행한 연구는 미흡한 실정이다. 이에 본 연구에서는 웹 구현에서의 중요한 요소인 접근성과 반응형 웹을 접목하여, 국내의 대표적인 반응형 웹 사이트에 대한 접근성을 평가하고 그 결과를 분석하였다. 그 결과 이미지 콘텐츠의 대체텍스트 제공, 키보드 접근과 사용, 포커스의 논리적 이동 및 적절한 제목 제공 등 접근성 오류가 있는 것으로 나타났다. 이는 웹 접근성을 준수하지 않은 오류로서의 문제와 다양한 디바이스에서 접근 및 사용하는 반응형 웹으로서의 목적 및 기능에도 부합하지 않는 것으로 해석되어 그 보완 및 수정의 필요성이 높은 것으로 분석되었다.

• 한국지리정보학회지
• /
• 제18권3호
• /
• pp.52-62
• /
• 2015

최근 웹 제작 추세로 모바일 우선 방식이 강조되면서 모바일 단말의 유형이나 화면 크기, 해상도가 다양해짐에 따라 이에 대응하여 웹 사이트 제작 시 효율적인 제작 방법을 제공하는 반응형 웹에 대한 실제적인 필요성이 증가하고 있다. 그러나 공간정보 웹 매핑 분야에서 반응형 웹의 적용은 초기 단계이다. 이번 연구에서는 반응형 웹을 이용하여 실제 공간정보 오픈 플랫폼과 연계한 가변 레이아웃에 대한 실제 시험 구현을 수행하고 그 결과를 예시하였다. 또한 공간정보 웹 서비스 구축에서 반응형 웹 방법을 적용하기 위한 제한 사항과 고려 사항을 제시하고자 하였다. 시험 구현 과정에서는 HTML5, JavaScript, CSS3 등과 같은 개발 환경을 OpenLayers와 연계하는 웹매핑 서비스를 대상으로 하였다. 앞으로 공간정보나 위치정보 등으로부터 파생되는 콘텐츠의 모바일 서비스 개발에서도 반응형 웹을 이용한 연계, 적용 사례가 증가할 것으로 기대한다.

• 한국컴퓨터정보학회:학술대회논문집
• /
• 한국컴퓨터정보학회 2017년도 제56차 하계학술대회논문집 25권2호
• /
• pp.149-150
• /
• 2017

웹 프로그래밍을 공부하는 학생들이 본인들이 만든 웹 페이지를 서버에 호스팅하여 관리하기는 쉽지 않다. 본 논문에서는 스프링 프레임워크를 기반으로 반응형 웹을 개발하고 개발한 웹 페이지를 아마존 웹 호스팅 서비스를 이용하여 호스팅하는 과정을 다룬다. 스프링 프레임워크는 POJO(Plain Old Java Object) 방식의 프레임워크로써 특정한 인터페이스를 구현하거나 상속을 받을 필요가 없어 기존에 존재하는 라이브러리 등을 지원하기에 용이하고 객체가 가벼우며, CSS를 사용한 반응형 웹은 모바일에서도 접근하기 쉬우므로 높은 접근성을 제공한다. 이렇게 개발한 웹 페이지를 호스팅 하여 관리하는 것은 특히 입문단계의 개발자에게 큰 도움이 될 것이다.

• 디지털콘텐츠학회 논문지
• /
• 제16권4호
• /
• pp.513-522
• /
• 2015

비약적인 모바일 기기의 기술 발전에 따라 PC 모니터부터 스마트 워치까지 다양한 형태의 디스플레이 환경이 제공되고 있다. 이에 웹 콘텐츠 생산자들은 하나의 콘텐츠를 다양한 디스플레이 환경에 최적화된 형태로 제공할 필요성을 갖게 된다. 디바이스별 콘텐츠 제작 대응은 제작 시간과 비용의 증가로 이어질 수밖에 없다. 이를 극복하기 위한 기술로서 반응형 웹이 제안되었는데, 이는 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지를 의미한다. 국내 포털의 콘텐츠 검색 영역에서도 반응형 웹 방식이 많이 구현되고는 있으나 아직까지 PC용 또는 모바일용으로 이중으로 콘텐츠를 구현하는 경우가 많다. 이에 본 논문에서는 국내 포털의 개별형 콘텐츠 검색영역의 반응형 웹 구현 형태를 조사하고, 반응형 웹이 적용되지 않은 콘텐츠에 대하여 효율적인 새로운 UI를 제안한다.

• 한국전자통신학회논문지
• /
• 제13권3호
• /
• pp.609-616
• /
• 2018

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

• 한국정보처리학회:학술대회논문집
• /
• 한국정보처리학회 2014년도 추계학술발표대회
• /
• pp.1039-1041
• /
• 2014

HTML5의 표준 웹 환경 확산과 스마트폰 점유율 상승과 더불어 다양한 디바이스에서도 동일한 화면을 제공하는 반응형 웹이 부각되고 있다. 반응형 웹을 적용하는 사이트가 지속적으로 증가하고 있으며, 특정 분야에 치중되지 않고 다양한 분야에서 활용되고 있다. 본 논문에서는 반응형 웹 디자인을 위한 주요 기법들에 대해 기술하고, 이를 기반으로 WYSIWYG HTML5 저작도구에서 컨텐츠별 페이지 레이아웃 설계 없이 태블릿과 모바일 페이지를 자동으로 생성할 수 있는 사용자 직관적인 반응형 레이아웃을 설계하였다.

• 한국콘텐츠학회:학술대회논문집
• /
• 한국콘텐츠학회 2012년도 춘계 종합학술대회 논문집
• /
• pp.17-18
• /
• 2012

온라인 접속이 기존 컴퓨터가 아닌 스마트폰과 타블렛 PC로 확장되면서, 웹에서 보여지는 방법, 즉 웹 디자인에 큰 변화가 일고 있다. 스마트폰, 타블렛 PC, 컴퓨터, 이 세 가지 디바이스에 모두 최적화된 웹 혹은 각각의 디바이스의 환경에 맞춘 웹 퍼블리싱 서비스가 크게 증가하고 있는 것이다. 또한 지금까지의 인터넷의 역할이 콘텐츠, 검색 쪽이었다면 모바일 기기 사용이 증가함에 따라 사용자들은 그들만의 개인화 서비스에 대한 요구가 점점 증가하고 있다. 이러한 요구에 맞춰 가장 눈에 띄는 변화는 바로 "One Page Design"의 증가와 반응형 웹 디자인이라고 할 수 있다. 이에 본 논문은 모바일 웹 환경에서 개인화서비스를 효과적으로 활용하기 위해 One Page Design과 반응형 웹 디자인에 대해 알아보고 이를 현재 개발진행중인 포털사이트에 적용해본 후, 이에 대한 문제점과 개선방안에 대해 논의해 보고자 한다.

• 한국콘텐츠학회:학술대회논문집
• /
• 한국콘텐츠학회 2018년도 춘계 종합학술대회 논문집
• /
• pp.183-184
• /
• 2018

본 연구는 늘 접속되어 있는 디지털 고객들을 우선으로 한 모바일 우선주의 관점의 반응형 웹 디자인 패턴에 관한 연구이다. 현황파악 및 분석을 위해 WEB AWARD KOREA 모바일 부분 대상 수상작을 중심으로 반응형 웹 디자인 패턴 및 웹 그리드 시스템을 조사, 분석했다. 이를 통해 모바일에서부터 최적화된 반응형 웹 디자인 패턴을 적용한 디자인 모델을 제안하였고, 향후에는 실제 사이트에 적용하여 사용성을 검증하고 궁극적으로는 지속적으로 늘어나는 디지털 고객을 위한 반응형 웹 디자인 표준화 작업을 위한 기초가 될 것이다.

• 한국방송∙미디어공학회:학술대회논문집
• /
• 한국방송공학회 2012년도 하계학술대회
• /
• pp.347-349
• /
• 2012

디바이스 사용 환경이 다양해지면서 이를 고려한 반응형 UI/UX 개념이 대두되고 있다. 이를 위해 기존 데스크탑 기반의 UI에 국한되지 않고 다양한 모바일 디바이스 환경 및 사용자 특성을 고려한 적응적인 UI/UX를 제공해야 한다. 본 논문에서는 MPEG-21을 기반으로 반응형 웹 UI/UX를 제공하는 새로운 프레임워크를 제안한다. 기존 반응형 웹 디자인은 주로 조합한 여러 단위 기술을 이용하여 해상도의 변화에 반응하여 엘리먼트를 적응 시키는 방법을 사용한다. 제안하는 기술은 단일 프레임워크를 이용하여 컨텐츠 및 리소스를 보다 다양한 환경 정보를 사용하여 적응시킨다. 이는 기존 방법과 비교하여 서비스 제공자가 많은 종류의 리소스 및 데이터를 서비스 함에 있어 3rd 파티 컨텐츠 프로바이더의 참여 및 수정이 용이하도록 하였으며 자동으로 사용자 환경을 파악하여 맞춤형 컨텐츠 제공이 가능하도록 한다.

• 한국콘텐츠학회:학술대회논문집
• /
• 한국콘텐츠학회 2019년도 춘계종합학술대회
• /
• pp.429-430
• /
• 2019

현재 구매 대행 쇼핑몰 사이트들이 많지만 증가하고 있는 스마트폰 사용자들을 위한 서비스는 아직도 부족한 상황이다. 본 논문에서는 관련 웹사이트 3개를 선정하여 SWOT 분석을 통하여 비교분석을 하고, 반응형 웹사이트를 통해 스마트폰으로 볼 수 있고 구매 가능한 편리하게 이용할 수 있는 반응형 웹을 통하여 게임구매대행 반응형 웹사이트를 구축하고자 한다.