• 제목/요약/키워드: responsive website

검색결과 8건 처리시간 0.022초

인터페이스 구조에 따른 프로토타입의 반응형 웹 (Responsive Web of Prototype based on Implementation Structure)

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

Study on the Establishment of Internet Homepage of Non-profit Association -Focusing on the use case of web platform 'I'mweb'-

  • Moon, Phil Joo
    • International Journal of Advanced Culture Technology
    • /
    • 제8권4호
    • /
    • pp.18-24
    • /
    • 2020
  • The Korea Textile and Fashion Industry-Academic Association, which was established in 2004, has been operating without its own homepage until now. In 2019, it was judged that it was urgent to manage new members and build an installed homepage. Therefore, the program provided by 'I'mweb' was used by comparing domestic and overseas website manufacturers, and the reason is as follows. First, 'I'mweb' provides a web builder solution that allows individuals to easily create web sites without IT expertise such as program development, use of photoshop, and coding. Second, it faithfully provides bulletin boards and member management functions necessary in Korea, such as internet homepage builders and shopping mall production services. Third, there is an advantage in that it is easy to manage the homepage because it is convenient to use Q&A service through the administrator when building the web. However, it provides a responsive web function, but it is regrettable that the compatibility between PC and mobile is not smooth. This study is expected to be used as basic data for related research that needs help in opening a website in the future.

웹사이트로 알아보는 20대의 연애유형 트렌드 (The Trends in dating styles in their 20s through the website)

  • 김성진;최준원;이승우;오승환;김영훈;김민혁;김진휘
    • 한국컴퓨터정보학회:학술대회논문집
    • /
    • 한국컴퓨터정보학회 2022년도 제66차 하계학술대회논문집 30권2호
    • /
    • pp.271-274
    • /
    • 2022
  • 몇 년 전부터 유행하고 있는 성격 유형 검사는 여전히 MZ세대들 사이에서 인기를 끌고 있다. 본래는 학교나 군대에서 성격 유형과 적성 파악을 위해 활용하던 검사였지만, 과학적 근거가 있으면서도 자신의 성격 유형을 쉽게 확인할 수 있어 하나의 문화로 자리 잡았다. 이에 마케팅 시장에서는 유형 검사를 활용하여 브랜드·제품 홍보에도 쓰이고 있다. 본 논문에서는 연애와 관련된 유형 검사 사이트를 구현하고 참여한 사용자들이 입력한 정보와 선택한 설문, 결과를 바탕으로 전체 사용자, 남녀로 구분 지어 유형별 선호하는 데이트 스타일을 분석하고자 한다. 유형별에 맞는 데이트 장소를 추천하는 시스템을 개발하고, 이러한 시스템을 통해 데이트 장소를 정할 때 사용자들의 편의성을 도모하고 분석한 내용이 마케팅 시장의 브랜드·제품 홍보와 이벤트에 유용하게 사용될 것으로 기대된다.

  • PDF

Improving Device-to-Device Connectivity with Responsive Web Technology

  • Park, Minsoo
    • International Journal of Internet, Broadcasting and Communication
    • /
    • 제14권1호
    • /
    • pp.25-30
    • /
    • 2022
  • Since Tim Berners-Lee introduced the idea of the web to the world in the late 1980s, the way information is produced, accessed and used has been constantly changing. This was once again an era of upheaval after Apple's Steve Jobs introduced the smartphone to the world in the mid-2000s. Before the advent of smart devices, web browsing was mainly done using desktops. After the advent of this device, the era of solving almost all human needs with a small PC in the palm of your hand has arrived. The necessity of seamless connectivity between devices, which are constantly emerging and evolving, asks our attention more than ever. In this study, we will discuss a case of design and development of a national open access website, which is optimized for dynamic online user behaviors with diverse devices. Our goal is to provide one true web for people to use in their environment. Device makers need to provide products identical to the desktop environment as much as possible. Service providers should also provide services optimized for each device in hyper-connected environments. Providing a web, optimized for user's online context, will eventually result in a sustainable user experience.

Three JS와 React를 이용한 증강현실 웹사이트 구현 (Implementation of Augmented Reality Website Using Three.js and React)

  • 김선화;문상호;이성진
    • 한국정보통신학회:학술대회논문집
    • /
    • 한국정보통신학회 2022년도 추계학술대회
    • /
    • pp.529-531
    • /
    • 2022
  • 연구개발특구진흥재단의 2021년 모바일 증강현실 시장 보고서에 따르면 스마트폰의 발전과 더불어 모바일 증강현실 시장의 성장으로 인해 최근 증강 현실 시장이 성장하고 있다. 증강현실 서비스를 모바일 사용자에게 제공하기 위해서는 기기별 네이티브 앱을 제작해야 한다. 하지만 이에는 멀티 플랫폼 대응에 소비되는 유지보수 비용과 앱 다운로드로 인한 낮은 접근성 등의 문제점이 존재한다. 최근에는 WebXR Device API를 활용하여 웹 환경에서 증강현실 시스템을 구축이 진행되는 추세이나, WebXR Device API를 사용한 시스템은 아직 연구단계에 있다고 판단된다. 본 논문에서는 WebXR Device API, Three JS, React를 이용하여 반응형 멀티 플랫폼 환경을 구축하여, 모바일 및 웹 사용자에게 증강현실 서비스를 제공하는 기능을 구현하였다. 실험 결과 반응형 웹 환경에서 증강현실의 연동을 성공적으로 구현되었음을 확인하였으며, 향후 웹 기반에서 동작되는 증강현실 서비스를 기대해본다.

  • PDF

HTML5-기반 서울시 공공체육시설 통합 안내 사이트 구현 (Implementation of HTML5-based Website providing Public Sports Facilities in Seoul)

  • 김소영;임효진;이종우
    • 디지털콘텐츠학회 논문지
    • /
    • 제16권2호
    • /
    • pp.245-255
    • /
    • 2015
  • 건강에 대한 사람들의 관심이 높은 가운데 각종 체육 프로그램에 참여하고 있는 시민들도 늘어나고 있다. 하지만 서울시에 존재하는 공공 체육시설 정보를 모두 통합한 웹서비스가 없어 공공 체육시설 이용에 불편함이 많은 실정이다. 따라서 본 논문에서는 서울시 공공 체육시설 정보를 누구나 손쉽게 찾을 수 있는 통합 정보 시스템 Be Healthy Seoul을 구현하였다. 서울시가 제공하는 공공 체육시설 API를 사용하여 서울 전 지역의 공공 체육시설 정보를 통합했다. 또 HTML5를 기반으로 구현함으로써 사진 및 동영상 등의 다양한 기능을 지원하며, pc와 모바일 모두에서 지원이 가능한 반응형 웹페이지를 제공한다. 또한 관리자 페이지를 구현하여 서울시 공공 체육시설을 지역별/종목별/테마별로 분류하여 검색 가능하도록 하였다.

의료 환경의 수어통역 콘텐츠 개발 과정에 관한 연구 (A Study on the Development Process of Sign Language Interpreting Content in the Medical Setting)

  • 이준우;오병모;조정환;강이슬
    • 한국콘텐츠학회논문지
    • /
    • 제21권12호
    • /
    • pp.505-516
    • /
    • 2021
  • 본 연구는 전문적이면서 정확한 의료수어통역이 미흡한 상황에서 농인의 의료 서비스 접근성을 원활하게 하는 의료 환경의 수어통역 콘텐츠를 개발하는 것에 목적을 둔다. 본 연구의 목적을 달성하기 위해 문헌고찰, 농인 대상 개별 면접, 수어통역사 및 수어 전문가 대상 현장 요구도 조사, 의료 및 수어 전문가 자문을 진행하였으며, 이를 바탕으로 주된 진료 상황별 시나리오와 기본 의학용어, 의료용어 설명자료 등의 수어통역 콘텐츠를 개발하였다. 본 연구를 통해 농인의 상황과 의료적 중요성을 고려한 의료수어 콘텐츠를 개발하여 의료수어 영역의 전문성을 고취시켰으며, 의료용어 및 의료 정보 학습 주체인 농인들과 수어통역사들에게 효과적이며 효율적으로 정보를 전달하는 의학용어 수어사전 반응형 홈페이지를 개발하였고, 농인 당사자가 주체가 되는 수어번역의 필요성과 중요성을 깨닫게 되었다.

지상파 TV 3사의 홈페이지 이용실태와 서비스 평가에 관한 연구 (A Study on the Viewer Usage and Evaluation of Television Network Websites and the Respective Feedback)

  • 설진아
    • 한국언론정보학보
    • /
    • 제32권
    • /
    • pp.147-168
    • /
    • 2006
  • 본 연구는 방송사 홈페이지 이용자를 대상으로 지상파 TV 방송3사(KBS, MBC, SBS)의 홈페이지 이용 실태와 서비스에 대한 평가 조사를 실시하였다. 방송사 홈페이지 이용자들의 주요 이용 동기로는 3사 모두 다시보기(VOD) 서비스를 포함한 '정보획득'이 가장 높은 순위를 차지했으며 '정보획득'면에서는 KBS 홈페이지 이용률이 가장 높았다. '상호교류/커뮤니티이용'과 '기분전환/시간소비'측면에서는 MBC가 가장 높았으며, '부가서비스 콘텐츠 이용' 면에서는 SBS가 가장 높게 나타났다. 각 방송사 홈페이지가 제공하는 서비스 평가는 모두 낮은 수준으로 나타났는데 특히 홈페이지 메뉴 찾기나 구성, 콘텐츠의 양에 대한 평가가 낮게 나타났다. 홈페이지 이용에 관한 불만족 사유로는 유료서비스와 관련된 불만족 사유가 가장 많았고 민영방송인 SBS홈페이지에 대한 불만족사유가 가장 많은 것으로 나타났다. 방송사별 특정 게시판 이용에 대한 평가는 질의나 응답에 대해 대체로 신속하게 답변을 주고 있으나, 시청자들과 제작진의 프로그램에 대한 상호작용은 활발하지 못한 것으로 평가되었다. 특정 프로그램 게시판 이용자를 대상으로 상호작용 평가를 분석한 결과, 방송사별 유의미한 차이가 있었는데 민영방송인 SBS 홈페이지가 KBS나 MBC에 비해 상대적으로 낮게 평가되어 시청자의 반응에 더 민감할 것이라는 일반적 기대와는 다른 양상을 보였다. 결론적으로 방송3사 홈페이지는 대시청자 서비스 창구로서 방송관련 정보와 다양한 부가서비스 콘텐츠를 제공하며 시청자와 제작진사이의 커뮤니케이션 장(場)을 마련하고 있지만, 아직까지는 진정한 피드백 채널로서 활용되지 못하고, 일방향적인 정보제공과 시청자간의 상호작용만 나타나고 있다. 아울러 전반적인 홈페이지 메뉴구성과 경로, 디자인, 콘텐츠의 양과 서비스 질적 측면에서 시청자들이 만족할만한 서비스가 충분히 이뤄지지 않고 있기 때문에, 향후 홈페이지 이용자들을 대상으로 한 정성적 조사를 바탕으로 개선해 나가야 할 것이다.

  • PDF