• 제목/요약/키워드: 웹디자인

검색결과 540건 처리시간 0.023초

스프링 MVC 기반에서 하이브리드 앱 디자인 설계 및 구현 (Design and Implementation of Hybrid Apps Design based on Spring MVC)

  • 이명호
    • 한국융합학회논문지
    • /
    • 제10권3호
    • /
    • pp.395-400
    • /
    • 2019
  • 프론트엔드 영역의 웹 환경은 표현층의 새로운 표준을 선점하고자 하는 경쟁이 높아지고 있다. 국내에서도 다양한 기기에서 하나의 콘텐츠를 끊김없이 이용할 수 있게 해주는 서비스인 N-스크린을 미래의 핵심 서비스로 인지하여 시장선점을 위하여 경쟁을 하고 있으며, 클라우드 컴퓨팅 시대에서 대표적인 서비스 형태가 N-스크린이다. 그러나 엔터프라이즈 환경의 그룹웨어에 필요한 프론트엔드 연구는 대부분 웹에 대해서는 반응형 웹 디자인과 모바일은 네이티브 앱에 국한되어져 왔다. 점차 기업들의 문화적인 차이를 극복하고 하나의 소스를 여러 가지 디바이스를 지원하는 원소스 멀티유즈 전략과 개발 생산성을 위하여 MVC 디자인 패턴의 필요성은 엔터프라이즈 환경에서는 점차 확대되고 있다. 따라서 본 연구에서는 차세대 웹표준의 전자정부 표준프레임워크 환경인 스프링 MVC 기반에서 하이브리드 앱 디자인으로 JPetStore를 분석 및 설계한 후 구현함으로써 향후 엔터프라이즈 환경에서의 프론트엔드 하이브리드 앱 디자인의 참조 모델을 제공하고자 한다.

웹 인터페이스의 정.동디자인에 관한 연구 -e광고 컨셉트별 정.동디자인 분석- (The stillness-motion interface designing of the Web, Based on the e-advertisement concept.)

  • 전기순
    • 디자인학연구
    • /
    • 제15권4호
    • /
    • pp.317-326
    • /
    • 2002
  • 이미 웹은 광고 매체의 성격으로서 자리를 굳힌지가 오래되었다. 인터넷은 모든 고객과 일대일 대응, 잠재고객의 세분화, 시공간의 한계극복, 멀티미디어의 이용가능이라는 장전을 지니고 있다. 1) 이와 같이 커뮤니케이션 수단으로서 웹은 기존매체의 특성을 모두 포함 할 뿐만이 아니라 소리와 움직임, 상호작용이라는 요소가 추가된 광고 매체로서, 다른 매체의 디자인보다 훨씬 유동적이고 개방적이어야 한다. 그럼에도 불구하고, 현재 대부분의 웹은 형식적이고 기능적인 형태만 갖춘 제작물들이 주종을 이루고 있다. 이는 폭발적인 수요차 더불어 웹디자인의 분야 역시 급속하게 발전되었기 때문에 아직 방법론적 측면이 뿌리 내리지 못한데서 비롯되었다. 따라서 이번 연구는 이러한 방법론적 측면의 한가지 대안으로서 인터페이스 디자인에 대한 접근방법을 제시하고자 한다. 2) 즉 'e광고컨셉트'에 따른 인터페이스 정.동디자인이다. 광고매체로서 웹은 다른 어느 매체보다 사용자의 감성적인 부분이 가장 큰 비중을 두고 있다. 따라서 사용자의 감성적인 부분을 통한 웹 인터페이스디자인의 '차별화' 및 '임팩트'는 매우 중요하다. 이를 위한 보다 구체적인 연구 접근을 위해 사용자의 감성적인 부분에서 추출한 'e광고 컨셉트'를 통해 웹의 다양한 조형요소 가운데 시각적으로 가장 먼저 눈에 띄는 요소인 움직임과 3) 그와 상반되는 정지와의 유기적 상관관계에 대한 결과로서 웹 인터페이스 디자인의 '차별화' 및 '임팩트'를 발견하고자 한다.

  • PDF

인터랙티브(Interactive) 웹 3D 연구 (A Study on the Interactive Web 3D)

  • 오병근
    • 디자인학연구
    • /
    • 제14권3호
    • /
    • pp.117-125
    • /
    • 2001
  • 웹 컨텐츠는 다양한 형태로 제공되고 있지만 대부분 텍스트나 이미지 등의 2D 기반으로 사용자를 위한 상호작용 즉, 인터랙티브 구현에 많은 제약이 따른다. 웹에서 사용자들은 마우스나 키보드를 이쪽, 저쪽으로 움직이며 공간과 시간을 뛰어넘고 있고 컨텐츠의 선택은 철저히 사용자들에 의해 결정되고 있다. 이러한 웹의 특성상 이제 컨텐츠에 사용자를 위한 인터랙티브 요소론 구현하는데 많은 필요성이 대두되고 있다. 컴퓨터 하드웨어나 네트워크 기술 발전으로 웹에서 3D 컨텐츠에 인터랙티브 요소를 접목하는 것도 그러한 요구를 충족시킬 수 있는 방법이다. 국지적으로도 웹 인터랙티브 3D 표현은 아직 초기단계이지만 그동안 많은 연구가 진행되어 왔고 이제 상황화가 시도되고 있다. 2D기반의 웹 컨텐츠보다 실재감이나 몰입감, 사용사 인터렉티브 요소가 많아 사용자의 감각적 체험을 높일 수 있는 다양한 컨텐츠를 제작할 수 있기 때문이다. 웹 인터랙티브 3D는 단순 3D 오브젝트와 다중 사용자 아바타가 참여하는 가상공간으로 구분할 수 있다. 본 논문에서는 오브젝트와 가상공간에서의 인터랙티브 3D의 개념, 기술과 디자인제작을 위한 구현요소 등을 살펴보고, 가상공간에서 중요하게 다루어야 할 네비게이션 요소와 방법들에 관한 대안을 제시함으로써 이를 바탕으로 웹에서 새로운 인터랙티브 컨텐츠 디자인으로 활용 할 수 있도록 하는데 목적이 있다.

  • PDF

패턴 디자인 협업 시스템 모델i (Cooperating Pattern Design System Model)

  • 김미진;박우창;이은옥
    • 한국정보과학회:학술대회논문집
    • /
    • 한국정보과학회 2008년도 한국컴퓨터종합학술대회논문집 Vol.35 No.1 (C)
    • /
    • pp.45-48
    • /
    • 2008
  • 디자인 팀들간의 효과적인 협업 작업을 위해서는 효율적이고 실행할 수 있는 협동 플랫폼이 필요하다. 본 연구에서는 텍스타일 패턴 디자인을 협업할 수 있는 시스템 기반구조를 설계하였다. 또한 웹 상의 패턴 지식 라이브러리를 구축하여 참여자들이 필요로 하는 지능적인 디자인을 지원하도록 하였다. 기반구조에 따라 설계된 웹 사이트는 디자이너들 간에 빠르고, 효율적인 패턴 설계를 지원한다.

  • PDF

사용자 경험 및 욕구파악을 통한 웹서비스 및 디자인 기획 (Web Service and Design Planning through User Experience and Understanding of Desire)

  • 김진곤
    • 한국콘텐츠학회논문지
    • /
    • 제7권10호
    • /
    • pp.97-104
    • /
    • 2007
  • 본 연구는 웹서비스 및 디자인 기획에서의 정량적 사용성 분석방법과 정성적 사용성 분석방법을 혼용하여 개발한 방법론의 소개를 통해 사용자 심층적 경험과 욕구파악의 중요성을 강조하고 및 이의 적극적 활용을 제안하고자 한다. 본 연구방법론은 People, Prototype, Product에 대한 조사범주 및 3단계 순환과정의 반복과 탐험적 과정을 통해 사용자의 잠재된 경험과 욕구를 발견하고 이를 웹서비스 및 디자인 기획에 반영 가능하도록 한다는 데 의의가 있다.

대학 웹진의 사용자 인터페이스 디자인 조사 (A Survey on User Interface Design of University Webzines)

  • 이주희
    • 한국인터넷방송통신학회논문지
    • /
    • 제14권6호
    • /
    • pp.303-308
    • /
    • 2014
  • 이 논문은 대학 웹진 현황을 토대로 웹진의 목적과 어떤 기능을 담당하는지 사용자 인터페이스 디자인 측면에서 다루고자 한다. 이를 위해 웹진의 내용적 측면과 사용자 중심의 콘텐츠 구성과 컬러 및 내비게이션 디자인 측면에서 조사해 보았다. 조사를 통해, 향후 효과적인 대학 웹진 제작을 위해 사용자와 제작자가 어떤 점에 유의하고 참고하여 디자인해야하는지 알아보고자 하였다. 웹진 제작자와 사용자의 상호 적극적인 커뮤니케이션을 활성화하고 공감하기 위해 웹진이 주요한 기능을 하고 있는지 조사를 통해 알 수 있었으며, 웹진의 이런 특성을 살려 제작한 대학들은 사용자 인터페이스 디자인 측면에서도 우수함을 알 수 있었다.

온라인 졸업전시 웹 사이트 구조와 콘텐츠 분석 2020년 국내 시각디자인 전공 사례를 중심으로 (A Study on the Website Structures and Content Types of Online Graduation Exhibitions For 2020 domestic Visual Communication Design major cases)

  • 유윤석
    • 한국융합학회논문지
    • /
    • 제12권3호
    • /
    • pp.99-106
    • /
    • 2021
  • 코로나바이러스 대유행으로 가속화된 온라인 전시의 보급은 그동안 오프라인 전시에서 다루지 않던 가능성과 논점을 제시한다. 디자인전공생들의 졸업 전시는 기능적, 심미적 탐구가 왕성하게 실천되는 장으로서 자급형 온라인 전시의 현재를 이해하고 가능성을 모색하는 대상으로 삼을만하다. 이 연구는 2020년 온라인으로 졸업전시를 개최한 국내 시각디자인 전공의 웹 사이트 15곳을 분석하여 대학별 전시의 특징을 분석한다. 도착-검색-감상-소통의 단계로 구분하여 평가하고 시사점을 제시한다. 1) 웹 사이트 구조를 이용한 전시 정체성 수립, 2) 작품과 참가자 검색 경로의 다각화, 3) 상세 페이지의 자유도와 다양성 보장, 4) 관객 소통을 유도하고 개인화할 수 있는 기능 개발이다.

차세대 웹 플랫폼의 UX설계 (UX Design of Next Generation Web Platform)

  • 김선우;조영주;김진혁
    • 한국컴퓨터정보학회:학술대회논문집
    • /
    • 한국컴퓨터정보학회 2017년도 제55차 동계학술대회논문집 25권1호
    • /
    • pp.251-254
    • /
    • 2017
  • 최근 현대인들은 웹 환경에 대해 높은 관심을 보이고 있다. 또한 웹 환경에서 HTML5의 표준화에 따라 사용자의 경험, 즉 'UX(User Experience)' 설계에 대한 관심 또한 높아지고 있다. 이러한 환경을 차세대 웹 플랫폼이라 한다. 차세대 웹 플랫폼이라 함은 HTML5라는 웹 표준 규약에 따라 설계한 것을 뜻한다. 따라서 본 논문에서는 이러한 차세대 웹 플랫폼의 UX 설계에 대한 최신 트렌드와 콘텐츠 UX에 대해서 설명하고 반응형 디자인에 따른 웹사이트 수익과의 관계까지 실험결과를 토대로 제시하고자 한다.

  • PDF

RMM과 XML의 결합을 통한 웹 애플리케이션 설계 (An Approach to Web Application Design by Integrating RMM with XML)

  • 최재화;류수인
    • 한국산업정보학회논문지
    • /
    • 제7권2호
    • /
    • pp.6-15
    • /
    • 2002
  • 웹 기술의 발전은 웹 사이트와 사용자의 급속한 증가를 가져 왔으며, 많은 기업은 인터넷을 통한 비즈니스 거래를 지원하는 웹 애플리케이션을 기본 응용시스템으로 개발하고 있다. 이러한 웹 애플리케이션 을 개발하기 위해서는 체계적인 개발방법이 필요하지만 많은 기업들이 체계적으로 웹 애플리케이션을 설계하고 있지 못하다. 본 논문은 웹을 기반으로 하는 전자상거래시스템의 효과적이고 체계적인 개발을 위한 설계방법의 하나를 제시한다. 구체적으로 하이퍼미디어 애플리케이션 개발 모델인 RMM (Relationship Management Methodology)을 이용하여 개념적 모델을 디자인하고, 그에 대한 XML(extensible Markup Language) Schema를 디자인하는 보다 체계적인 웹 애플리케이션 설계방법을 예시한다.

  • PDF

웹 디자인에서의 리미디에이션의 활용과 효용 (Application and Effect of Remediation in Web Design)

  • 서현석;서종환
    • 디자인학연구
    • /
    • 제17권2호
    • /
    • pp.113-122
    • /
    • 2004
  • 현대 사회는 다양한 정보 기술들이 유기적으로 연결되고, 커뮤니케이션 테크놀러지의 급속적인 발전으로 인해 뉴 미디어의 디지털화가 이루어짐에 따라 고도의 정보화 사회가 현실화되었다. 이러한 디지털 미디어 중에서도 웹의 등장은 가히 혁명적인 사건이라 할 수 있다. 단순히 텍스트만으로 구성된 서비스를 제공했던 웹에서 이용자나 사용자에게 이미지와 오디오, 동영상 등을 전달할 수 있는 웹의 발전은 새로운 경험을 제공하게 된 것이다. 이러한 발전이 가능하였던 것은 웹이 다양한 미디어를 리미디에이션 하는 것이 가능한 미디어적 특성을 가지고 있기 때문이다. 신문이나 잡지 등의 인쇄매체부터 TV, 오디오, 영화 등의 음향, 영상매체에 이르기까지 다양한 미디어들이 웹에 의해서 차용, 경쟁, 개선, 공격, 흡수의 형태로 리미디에이션 됨에 따라 우리는 각 미디어들의 특성을 웹이라는 한 가지 매체를 통해 누릴 수 있게 되었다. 본 연구는 미디어의 리미디에이션에 대한 이론적 고찰을 중심으로 웹디자인에서의 리미디에이션에 대한 사례연구를 통해 이의 효용성을 파악하여, 효과적인 표현방법을 모색하고 향후 리미디에이션의 발전 방향에 대해 연구하였다.

  • PDF