본 연구는 늘 접속되어 있는 디지털 고객들을 우선으로 한 모바일 우선주의 관점의 반응형 웹 디자인 패턴에 관한 연구이다. 현황파악 및 분석을 위해 WEB AWARD KOREA 모바일 부분 대상 수상작을 중심으로 반응형 웹 디자인 패턴 및 웹 그리드 시스템을 조사, 분석했다. 이를 통해 모바일에서부터 최적화된 반응형 웹 디자인 패턴을 적용한 디자인 모델을 제안하였고, 향후에는 실제 사이트에 적용하여 사용성을 검증하고 궁극적으로는 지속적으로 늘어나는 디지털 고객을 위한 반응형 웹 디자인 표준화 작업을 위한 기초가 될 것이다.
온라인 접속이 기존 컴퓨터가 아닌 스마트폰과 타블렛 PC로 확장되면서, 웹에서 보여지는 방법, 즉 웹 디자인에 큰 변화가 일고 있다. 스마트폰, 타블렛 PC, 컴퓨터, 이 세 가지 디바이스에 모두 최적화된 웹 혹은 각각의 디바이스의 환경에 맞춘 웹 퍼블리싱 서비스가 크게 증가하고 있는 것이다. 또한 지금까지의 인터넷의 역할이 콘텐츠, 검색 쪽이었다면 모바일 기기 사용이 증가함에 따라 사용자들은 그들만의 개인화 서비스에 대한 요구가 점점 증가하고 있다. 이러한 요구에 맞춰 가장 눈에 띄는 변화는 바로 "One Page Design"의 증가와 반응형 웹 디자인이라고 할 수 있다. 이에 본 논문은 모바일 웹 환경에서 개인화서비스를 효과적으로 활용하기 위해 One Page Design과 반응형 웹 디자인에 대해 알아보고 이를 현재 개발진행중인 포털사이트에 적용해본 후, 이에 대한 문제점과 개선방안에 대해 논의해 보고자 한다.
비약적인 모바일 기기의 기술 발전에 따라 PC 모니터부터 스마트 워치까지 다양한 형태의 디스플레이 환경이 제공되고 있다. 이에 웹 콘텐츠 생산자들은 하나의 콘텐츠를 다양한 디스플레이 환경에 최적화된 형태로 제공할 필요성을 갖게 된다. 디바이스별 콘텐츠 제작 대응은 제작 시간과 비용의 증가로 이어질 수밖에 없다. 이를 극복하기 위한 기술로서 반응형 웹이 제안되었는데, 이는 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지를 의미한다. 국내 포털의 콘텐츠 검색 영역에서도 반응형 웹 방식이 많이 구현되고는 있으나 아직까지 PC용 또는 모바일용으로 이중으로 콘텐츠를 구현하는 경우가 많다. 이에 본 논문에서는 국내 포털의 개별형 콘텐츠 검색영역의 반응형 웹 구현 형태를 조사하고, 반응형 웹이 적용되지 않은 콘텐츠에 대하여 효율적인 새로운 UI를 제안한다.
최근 현대인들은 웹 환경에 대해 높은 관심을 보이고 있다. 또한 웹 환경에서 HTML5의 표준화에 따라 사용자의 경험, 즉 'UX(User Experience)' 설계에 대한 관심 또한 높아지고 있다. 이러한 환경을 차세대 웹 플랫폼이라 한다. 차세대 웹 플랫폼이라 함은 HTML5라는 웹 표준 규약에 따라 설계한 것을 뜻한다. 따라서 본 논문에서는 이러한 차세대 웹 플랫폼의 UX 설계에 대한 최신 트렌드와 콘텐츠 UX에 대해서 설명하고 반응형 디자인에 따른 웹사이트 수익과의 관계까지 실험결과를 토대로 제시하고자 한다.
세종특별자치시는 2012년 7월 출범하였으며, 형성되던 초기에는 중앙행정기관 이전에 초점을 두었으나 지난 2019년부터 스마트도시 및 2020년 한국 뉴딜정책 추진으로 행정도시에서 4차 산업 도시로 변화하고 있다. 이에 맞게 아이덴티티 디자인을 재평가할 필요가 있다. 특히 다양한 웨어러블, 사물인터넷(IoT) 등 정보기술의 급격한 변화로 웹(web) 환경 역시 최적화된 아이덴티티 디자인을 요구하고 있다. 이처럼 정보통신기술의 발달과 최적화된 화면을 볼 수 있는 반응형 웹이 늘어나면서 사용자들에게 아이덴티티를 직관적으로 전달하고, 다른 도시와 차별적이고 공감할 수 있도록 디자인을 적용하여 연구하였다. 연구에 앞서 웹 환경의 시대적 변화와 반응형 웹에 관하여 선행연구를 살펴보았으며, 반응형 웹의 아이덴티티 디자인 분석과 미니멀리즘 특성을 단계적 적용하여 살펴보았다. 이를 토대로 반응형 아이덴티티의 미니멀리즘 특성(단순성, 반복성, 공간성)을 적용하여 제안한 설문조사를 전문가 및 비전문가를 대상으로 조사한 결과 모바일 같은 작은 웹(web) 환경에서 쉽고 직관적으로 인식할 수 있었다. 따라서 세종시 아이덴티티가 시대의 변화에 맞는 정체성이 구축되도록 다각적인 연구와 효율적인 관리 방안에 관한 연구도 계속되길 기대해 본다.
HTML5의 표준 웹 환경 확산과 스마트폰 점유율 상승과 더불어 다양한 디바이스에서도 동일한 화면을 제공하는 반응형 웹이 부각되고 있다. 반응형 웹을 적용하는 사이트가 지속적으로 증가하고 있으며, 특정 분야에 치중되지 않고 다양한 분야에서 활용되고 있다. 본 논문에서는 반응형 웹 디자인을 위한 주요 기법들에 대해 기술하고, 이를 기반으로 WYSIWYG HTML5 저작도구에서 컨텐츠별 페이지 레이아웃 설계 없이 태블릿과 모바일 페이지를 자동으로 생성할 수 있는 사용자 직관적인 반응형 레이아웃을 설계하였다.
프론트엔드 영역의 웹 환경은 표현층의 새로운 표준을 선점하고자 하는 경쟁이 높아지고 있다. 국내에서도 다양한 기기에서 하나의 콘텐츠를 끊김없이 이용할 수 있게 해주는 서비스인 N-스크린을 미래의 핵심 서비스로 인지하여 시장선점을 위하여 경쟁을 하고 있으며, 클라우드 컴퓨팅 시대에서 대표적인 서비스 형태가 N-스크린이다. 그러나 엔터프라이즈 환경의 그룹웨어에 필요한 프론트엔드 연구는 대부분 웹에 대해서는 반응형 웹 디자인과 모바일은 네이티브 앱에 국한되어져 왔다. 점차 기업들의 문화적인 차이를 극복하고 하나의 소스를 여러 가지 디바이스를 지원하는 원소스 멀티유즈 전략과 개발 생산성을 위하여 MVC 디자인 패턴의 필요성은 엔터프라이즈 환경에서는 점차 확대되고 있다. 따라서 본 연구에서는 차세대 웹표준의 전자정부 표준프레임워크 환경인 스프링 MVC 기반에서 하이브리드 앱 디자인으로 JPetStore를 분석 및 설계한 후 구현함으로써 향후 엔터프라이즈 환경에서의 프론트엔드 하이브리드 앱 디자인의 참조 모델을 제공하고자 한다.
최근 문제가 되고 있는 전력 문제를 효율적으로 관리하기 위해 건물 에너지 관리 시스템이 주목받고 있다. 건물 에너지 관리 시스템은 관리자가 건물의 전력 소비량을 효율적으로 관리할 수 있도록 전력 소비량에 대한 모니터링 기능을 제공하는 시스템이다. 기존의 건물 에너지 관리 시스템은 과거, 현재, 미래의 전력 소비량을 통계 자료로 제공하고, 이를 토대로 전력 과부하 발생을 방지하였다. 그렇지만 기존의 시스템에 반응형 웹 디자인을 적용한 사례를 찾아보기 힘들며 온도 변화에 따른 전력 소비량을 고려하지 않기 때문에 정확한 부하 예측을 하기 어렵다는 단점이 있다. 본 논문에서 제안한 건물 에너지 관리 시스템은 반응형 웹 디자인을 적용하여 여러 모바일 기기로도 편리하고 효율적으로 건물을 관리할 수 있게 하였다. 또한, 건물에서 유지되어야 할 목표 온도, 건물 전력 소비량에 대한 과거 데이터와 기상청에서 제공하는 데이터를 통하여 부하 예측을 하고, 다양한 전력 소비량 통계 자료를 제공한다. 이를 통해 관리자는 효율적인 건물 에너지 관리를 할 수 있다.
디바이스 사용 환경이 다양해지면서 이를 고려한 반응형 UI/UX 개념이 대두되고 있다. 이를 위해 기존 데스크탑 기반의 UI에 국한되지 않고 다양한 모바일 디바이스 환경 및 사용자 특성을 고려한 적응적인 UI/UX를 제공해야 한다. 본 논문에서는 MPEG-21을 기반으로 반응형 웹 UI/UX를 제공하는 새로운 프레임워크를 제안한다. 기존 반응형 웹 디자인은 주로 조합한 여러 단위 기술을 이용하여 해상도의 변화에 반응하여 엘리먼트를 적응 시키는 방법을 사용한다. 제안하는 기술은 단일 프레임워크를 이용하여 컨텐츠 및 리소스를 보다 다양한 환경 정보를 사용하여 적응시킨다. 이는 기존 방법과 비교하여 서비스 제공자가 많은 종류의 리소스 및 데이터를 서비스 함에 있어 3rd 파티 컨텐츠 프로바이더의 참여 및 수정이 용이하도록 하였으며 자동으로 사용자 환경을 파악하여 맞춤형 컨텐츠 제공이 가능하도록 한다.
본 논문은 인터페이스 구조를 근거로 프로토콜타입의 웹 사이트 설계 방식에 대한 반응형 웹의 설계에 필요한 기술들을 두고 서술하게 되었다. 반응형 설계는 프로토콜 타입의 요구사항을 인터페이스 기반사항에 근거로 분석하여 개발과정에 적용하는 프로세서를 의미한다. 개발에 있어서 우선원칙에 의한 설계방식을 수립하고 디자인공식에 의한 유연성과 가변성을 설정하여 사용자중심의 제1원칙과 제2원칙으로 나누어 인터페이스 구조로 정립해 나갔다. 그리고 압축기술을 논의를 통해 비동기적 스크립트를 결합방식의 방법을 모색하여 웹의 프로토콜 타입에 맞게 확장시킬 수 있는 방법을 찾게 되었다. 오늘날 웹 사이트나 웹 애플리케이션에 대한 필요성은 장치에 관계없이 적응하고 접근할 수 있어야 한다. 이러한 해결방안으로 반응형 웹 사이트 설계방식에서 찾게 되었으며 반응형 웹 사이트 설계방식에 대한 인터페이스 구조와 이를 근거로 한 프로토콜 타입의 웹 사이트 설계방식에 대한 중요기법들을 마련하게 되었다.
본 웹사이트에 게시된 이메일 주소가 전자우편 수집 프로그램이나
그 밖의 기술적 장치를 이용하여 무단으로 수집되는 것을 거부하며,
이를 위반시 정보통신망법에 의해 형사 처벌됨을 유념하시기 바랍니다.
[게시일 2004년 10월 1일]
이용약관
제 1 장 총칙
제 1 조 (목적)
이 이용약관은 KoreaScience 홈페이지(이하 “당 사이트”)에서 제공하는 인터넷 서비스(이하 '서비스')의 가입조건 및 이용에 관한 제반 사항과 기타 필요한 사항을 구체적으로 규정함을 목적으로 합니다.
제 2 조 (용어의 정의)
① "이용자"라 함은 당 사이트에 접속하여 이 약관에 따라 당 사이트가 제공하는 서비스를 받는 회원 및 비회원을
말합니다.
② "회원"이라 함은 서비스를 이용하기 위하여 당 사이트에 개인정보를 제공하여 아이디(ID)와 비밀번호를 부여
받은 자를 말합니다.
③ "회원 아이디(ID)"라 함은 회원의 식별 및 서비스 이용을 위하여 자신이 선정한 문자 및 숫자의 조합을
말합니다.
④ "비밀번호(패스워드)"라 함은 회원이 자신의 비밀보호를 위하여 선정한 문자 및 숫자의 조합을 말합니다.
제 3 조 (이용약관의 효력 및 변경)
① 이 약관은 당 사이트에 게시하거나 기타의 방법으로 회원에게 공지함으로써 효력이 발생합니다.
② 당 사이트는 이 약관을 개정할 경우에 적용일자 및 개정사유를 명시하여 현행 약관과 함께 당 사이트의
초기화면에 그 적용일자 7일 이전부터 적용일자 전일까지 공지합니다. 다만, 회원에게 불리하게 약관내용을
변경하는 경우에는 최소한 30일 이상의 사전 유예기간을 두고 공지합니다. 이 경우 당 사이트는 개정 전
내용과 개정 후 내용을 명확하게 비교하여 이용자가 알기 쉽도록 표시합니다.
제 4 조(약관 외 준칙)
① 이 약관은 당 사이트가 제공하는 서비스에 관한 이용안내와 함께 적용됩니다.
② 이 약관에 명시되지 아니한 사항은 관계법령의 규정이 적용됩니다.
제 2 장 이용계약의 체결
제 5 조 (이용계약의 성립 등)
① 이용계약은 이용고객이 당 사이트가 정한 약관에 「동의합니다」를 선택하고, 당 사이트가 정한
온라인신청양식을 작성하여 서비스 이용을 신청한 후, 당 사이트가 이를 승낙함으로써 성립합니다.
② 제1항의 승낙은 당 사이트가 제공하는 과학기술정보검색, 맞춤정보, 서지정보 등 다른 서비스의 이용승낙을
포함합니다.
제 6 조 (회원가입)
서비스를 이용하고자 하는 고객은 당 사이트에서 정한 회원가입양식에 개인정보를 기재하여 가입을 하여야 합니다.
제 7 조 (개인정보의 보호 및 사용)
당 사이트는 관계법령이 정하는 바에 따라 회원 등록정보를 포함한 회원의 개인정보를 보호하기 위해 노력합니다. 회원 개인정보의 보호 및 사용에 대해서는 관련법령 및 당 사이트의 개인정보 보호정책이 적용됩니다.
제 8 조 (이용 신청의 승낙과 제한)
① 당 사이트는 제6조의 규정에 의한 이용신청고객에 대하여 서비스 이용을 승낙합니다.
② 당 사이트는 아래사항에 해당하는 경우에 대해서 승낙하지 아니 합니다.
- 이용계약 신청서의 내용을 허위로 기재한 경우
- 기타 규정한 제반사항을 위반하며 신청하는 경우
제 9 조 (회원 ID 부여 및 변경 등)
① 당 사이트는 이용고객에 대하여 약관에 정하는 바에 따라 자신이 선정한 회원 ID를 부여합니다.
② 회원 ID는 원칙적으로 변경이 불가하며 부득이한 사유로 인하여 변경 하고자 하는 경우에는 해당 ID를
해지하고 재가입해야 합니다.
③ 기타 회원 개인정보 관리 및 변경 등에 관한 사항은 서비스별 안내에 정하는 바에 의합니다.
제 3 장 계약 당사자의 의무
제 10 조 (KISTI의 의무)
① 당 사이트는 이용고객이 희망한 서비스 제공 개시일에 특별한 사정이 없는 한 서비스를 이용할 수 있도록
하여야 합니다.
② 당 사이트는 개인정보 보호를 위해 보안시스템을 구축하며 개인정보 보호정책을 공시하고 준수합니다.
③ 당 사이트는 회원으로부터 제기되는 의견이나 불만이 정당하다고 객관적으로 인정될 경우에는 적절한 절차를
거쳐 즉시 처리하여야 합니다. 다만, 즉시 처리가 곤란한 경우는 회원에게 그 사유와 처리일정을 통보하여야
합니다.
제 11 조 (회원의 의무)
① 이용자는 회원가입 신청 또는 회원정보 변경 시 실명으로 모든 사항을 사실에 근거하여 작성하여야 하며,
허위 또는 타인의 정보를 등록할 경우 일체의 권리를 주장할 수 없습니다.
② 당 사이트가 관계법령 및 개인정보 보호정책에 의거하여 그 책임을 지는 경우를 제외하고 회원에게 부여된
ID의 비밀번호 관리소홀, 부정사용에 의하여 발생하는 모든 결과에 대한 책임은 회원에게 있습니다.
③ 회원은 당 사이트 및 제 3자의 지적 재산권을 침해해서는 안 됩니다.
제 4 장 서비스의 이용
제 12 조 (서비스 이용 시간)
① 서비스 이용은 당 사이트의 업무상 또는 기술상 특별한 지장이 없는 한 연중무휴, 1일 24시간 운영을
원칙으로 합니다. 단, 당 사이트는 시스템 정기점검, 증설 및 교체를 위해 당 사이트가 정한 날이나 시간에
서비스를 일시 중단할 수 있으며, 예정되어 있는 작업으로 인한 서비스 일시중단은 당 사이트 홈페이지를
통해 사전에 공지합니다.
② 당 사이트는 서비스를 특정범위로 분할하여 각 범위별로 이용가능시간을 별도로 지정할 수 있습니다. 다만
이 경우 그 내용을 공지합니다.
제 13 조 (홈페이지 저작권)
① NDSL에서 제공하는 모든 저작물의 저작권은 원저작자에게 있으며, KISTI는 복제/배포/전송권을 확보하고
있습니다.
② NDSL에서 제공하는 콘텐츠를 상업적 및 기타 영리목적으로 복제/배포/전송할 경우 사전에 KISTI의 허락을
받아야 합니다.
③ NDSL에서 제공하는 콘텐츠를 보도, 비평, 교육, 연구 등을 위하여 정당한 범위 안에서 공정한 관행에
합치되게 인용할 수 있습니다.
④ NDSL에서 제공하는 콘텐츠를 무단 복제, 전송, 배포 기타 저작권법에 위반되는 방법으로 이용할 경우
저작권법 제136조에 따라 5년 이하의 징역 또는 5천만 원 이하의 벌금에 처해질 수 있습니다.
제 14 조 (유료서비스)
① 당 사이트 및 협력기관이 정한 유료서비스(원문복사 등)는 별도로 정해진 바에 따르며, 변경사항은 시행 전에
당 사이트 홈페이지를 통하여 회원에게 공지합니다.
② 유료서비스를 이용하려는 회원은 정해진 요금체계에 따라 요금을 납부해야 합니다.
제 5 장 계약 해지 및 이용 제한
제 15 조 (계약 해지)
회원이 이용계약을 해지하고자 하는 때에는 [가입해지] 메뉴를 이용해 직접 해지해야 합니다.
제 16 조 (서비스 이용제한)
① 당 사이트는 회원이 서비스 이용내용에 있어서 본 약관 제 11조 내용을 위반하거나, 다음 각 호에 해당하는
경우 서비스 이용을 제한할 수 있습니다.
- 2년 이상 서비스를 이용한 적이 없는 경우
- 기타 정상적인 서비스 운영에 방해가 될 경우
② 상기 이용제한 규정에 따라 서비스를 이용하는 회원에게 서비스 이용에 대하여 별도 공지 없이 서비스 이용의
일시정지, 이용계약 해지 할 수 있습니다.
제 17 조 (전자우편주소 수집 금지)
회원은 전자우편주소 추출기 등을 이용하여 전자우편주소를 수집 또는 제3자에게 제공할 수 없습니다.
제 6 장 손해배상 및 기타사항
제 18 조 (손해배상)
당 사이트는 무료로 제공되는 서비스와 관련하여 회원에게 어떠한 손해가 발생하더라도 당 사이트가 고의 또는 과실로 인한 손해발생을 제외하고는 이에 대하여 책임을 부담하지 아니합니다.
제 19 조 (관할 법원)
서비스 이용으로 발생한 분쟁에 대해 소송이 제기되는 경우 민사 소송법상의 관할 법원에 제기합니다.
[부 칙]
1. (시행일) 이 약관은 2016년 9월 5일부터 적용되며, 종전 약관은 본 약관으로 대체되며, 개정된 약관의 적용일 이전 가입자도 개정된 약관의 적용을 받습니다.