• 제목/요약/키워드: Web Font

검색결과 22건 처리시간 0.03초

IPTV 환경에서 효율적인 웹 탐색을 위한 시맨틱 주밍 기법 (The Semantic Zooming Method for Efficient Web Browsing on Internet-connected Digital Television)

  • 정지혜;이혜정;이종호;김연배
    • 한국HCI학회:학술대회논문집
    • /
    • 한국HCI학회 2008년도 학술대회 1부
    • /
    • pp.579-583
    • /
    • 2008
  • 기존 PC용 웹 페이지는 키보드와 마우스, 근거리 디스플레이를 이용하는 환경에 맞추어 많은 정보 제공을 목적으로 복잡한 구성과 작은 폰트로 디자인되어 있다. 따라서, 일정 거리 이상의 시청 거리, 사용자의 기밀한 주의를 요구하지 않는 컨텐츠 제공, 제한적 기능의 리모트 컨트롤러를 사용하여 제어하는 TV에서 동일한 웹 페이지를 사용자에게 제공하기에는 적합하지 않다. 이러한 TV 환경에서 웹 페이지를 효율적으로 브라우징하기 위해 시맨틱 주밍 기법을 적용한 브라우징 방식을 디자인하였다. 기존의 웹 페이지를 분석하여 구성된 컨텐츠를 기반으로 semantic block 을 추출하고, 기존의 레이아웃과 스타일 정보를 분석한 후 현재 환경에 최적의 형태로 컨텐츠를 요약하고 레이아웃, 스타일을 변경하여 재구성한다. 이렇게 재구성된 웹 페이지는 줌 인터페이스를 사용하여 사용자에게 정보의 양을 조정하여 보여준다. 즉, 사용자가 관심 있는 semantic block 을 선택하여 줌-인을 하면 해당 블록이 커지며 더 자세한 컨텐츠로 이루어진 내용을 볼 수 있고, 줌-아웃을 하면 해당 블록이 작아지면서 요약된 컨텐츠로 이루어진 내용을 볼 수 있다. TV 와 같이 큰 디스플레이의 경우 PC 보다 스크롤과 같은 조작을 하기 위해서는 더 많은 노력이 요구됨으로 사용자의 편의를 위해 가로 스크롤은 제거하고 세로 스크롤은 최소화하는 방식으로 채택하였다. 복잡하게 구성된 웹 페이지를 사용자가 원하는 컨텐츠에 쉽게 접근할 수 있도록 요약된 컨텐츠로 재구성하고, TV 환경에 최적화된 레이아웃과 스타일을 제공하여 가독성과 심미성을 향상되도록 하였다.

  • PDF

한·중 쇼핑몰 웹 사이트의 디자인 요인에 대한 비교분석 (A Study on Comparison Analysis of the Design Factors between Korea and China Shopping mall Websites)

  • 권영직
    • 한국산업정보학회논문지
    • /
    • 제19권4호
    • /
    • pp.133-146
    • /
    • 2014
  • 본 논문에서는 한국과 중국의 쇼핑몰 웹 사이트 디자인 요인에 차이가 있는지에 대해 15개의 가설을 설정하여 연구하였다. 한국의 쇼핑몰 웹 사이트로는 "G마켓"과, 중국의 쇼핑몰 웹 사이트로는 "taobao마켓"을 선정하였다. 쇼핑몰 웹 사이트 디자인 요인으로는 (1)색상과 디자인, (2)사진, 그래픽, 글자의 크기, (3)정보전달의 명확성(이해성), (4)웹 사이트 구조, (5)화면의 조화, (6)상품의 진열, (7)상품의 조화, (8)글자나 아이콘의 형태, (9)시각적인 분위기, (10)차별화되는 색상, (11)흥미를 유발하는 단어, (12)기술력, (13)전체적인 시각적 디자인 및 분위기, (14)항해구조, (15)상품이나 정보검색 기능 등 15가지 요인을 선정하였다. 본 논문에서는 한국과 중국의 쇼핑몰 웹 사이트가 이들 요인들 간에는 차이가 있는지에 대해 SAS9.2 통계 패키지를 이용하여 검증한 결과 차이가 있는 것으로 나타났다. 또한 본 연구에서는 이들 차이점을 분석하여 효과적인 쇼핑몰 웹 사이트 디자인을 위한 방안을 제시하였다.

디지털기기의 OSD를 위한 유비쿼터스 UI 개발 시스템 (Ubiquitous UI Development System for the OSD of Digital Devices)

  • 이재경;이동하;송영철
    • 대한전자공학회:학술대회논문집
    • /
    • 대한전자공학회 2003년도 신호처리소사이어티 추계학술대회 논문집
    • /
    • pp.331-334
    • /
    • 2003
  • In this paper a new OSD (On-Screen Display) development system for digital devices is presented. The proposed system is an example of the ubiquitous systems because it can be used to co-develop an OSD tn any time at any place if the web can be accessed. In UI, OSD is an important pan of digital devices. Especially, OSD implementations for multiple languages are essential to export digital devices and make them user-friendly. The proposed system consists of four components: font editor, menu editor. R/C simulator, and screen editor. It provides all the functions to develop an OSD and the result can be downloaded to a digital device. The proposed system was used to develop an OSD for 31 countries and the lead time of development was reduced from 52.7 days to 20 days.

  • PDF

사용자 인터랙션을 위한 메타폰트 기반 한글 글꼴 웹 편집기 (Korean Font Web Editor based on METAFONT for User Interaction)

  • 손민주;권경재;최재영;정근호
    • 한국정보처리학회:학술대회논문집
    • /
    • 한국정보처리학회 2016년도 춘계학술발표대회
    • /
    • pp.861-864
    • /
    • 2016
  • 기존의 외곽선 방식을 사용해 폰트의 스타일을 바꾸기 위해서는 제작과 동일한 시간과 비용이 소비된다. 메타폰트는 글자의 뼈대를 펜으로 채우는 방식으로 폰트를 표현하여 펜의 모양만 바꾸어도 글자의 스타일을 쉽게 바꿀 수 있다. 하지만 메타폰트는 프로그래밍 언어로 제공되기 때문에 관련 지식이 없는 폰트 디자이너와 일반 사용자들이 사용하기 어렵다. 따라서 본 논문에서는 한글의 특징을 기반으로 하는 한글 매개변수를 추출하여 메타폰트로 만든 한글 글꼴 생성 프로그램에 적용한 후, GUI를 제공하여 손쉽게 한글 폰트를 편집할 수 있는 메타폰트 편집기를 제안한다.

폐암환자를 위한 웹기반 교육프로그램 개발 및 평가 (The Development and Evaluation of Web-based Education Program for Lung Cancer Patient)

  • 유한진
    • 종양간호연구
    • /
    • 제5권1호
    • /
    • pp.11-21
    • /
    • 2005
  • The purpose of this study were to develop an web-based education program for Lung cancer patients and to test its effects on patients' self-care knowledge, compliance to medical regimen, nutrition status and pain. The program was developed by the following process: first, Lung cancer patients demand on the web-based program was investigated. and second, the program was developed with the help of various reference books and then validation of experts group. last, educations effects on the patients is evaluated and compared the differences in self-care knowledge, compliance to medical regimen, nutrition status and pain between on experimental group and a control group on before discharge 1day and 3weeks after. SPSS/Win 11.0 program was used for data analysis. It was proven with $x^2$ test and t-test, and Pearson Correlation coefficient, and Chronbach's alpha coefficient were done for the reliability of measuring instruments. 1. The summary of the Program development is as follows. The program is based on patients' questionnaire and reference material and is made for users friendly. Not only Bigger font size and bright colors but also illustrations or pictures were adopted to help enhance patients' understanding. 2. The summary of the study results is as follows. 1) Compared with control group, the web-based educated experimental group showed a statistical significant difference on self-care knowledge, Especially disease, radiation treatment, medication & analgesics, chemotherapy side effect, but there was no significant difference in the field of chemotherapy, in the fields of operation, diet & general knowledge. 2) Compared with control group, the web-based educated experimental group showed a statistical significant difference on compliance to medical regimen, especially in the field of follow up care, everyday life, diet, but there was no significant difference in the field of medication, exercise. 3) Compared with control group, web-based educated experimental group showed no significant difference in nutrition status, but partially significant difference in body weight. 4) Compared with control group, the web-based educated experimental group showed no significant difference in pain level. 5) The significantly positive correalation self-care knowledge with the compliance to medical regimen. 6) Users satisfaction with the web-based education program of the contents quality, the level of recommendation to others, content layout, medical information quality, but interesting got a low mark.

  • PDF

태그 동시 출현의 동적인 특징을 이용한 개선된 태그 클라우드의 태그 선택 방법 (Improved Tag Selection for Tag-cloud using the Dynamic Characteristics of Tag Co-occurrence)

  • 김두남;이강표;김형주
    • 한국정보과학회논문지:컴퓨팅의 실제 및 레터
    • /
    • 제15권6호
    • /
    • pp.405-413
    • /
    • 2009
  • 태깅 시스템은 인터넷 사용자로 하여금 태그라고 불리는 메타데이터를 글, 사진, 동영상 등에 부여하도록 하여서 컨텐츠의 검색 및 브라우징을 편리하게 하는 시스템이다. 컨텐츠의 브라우징을 위해서 태그 클라우드라는 시각적 인터페이스가 널리 쓰이고 있다. 태그 클라우드는 가장 빈도수가 높은 태그들을 알파벳 순으로 보여주고 폰트의 크기로 그 태그들의 빈도수를 반영한다. 하지만 기존의 태그 선택 방법은 몇 가지 단점들이 알려져 있다. 그래서 이 논문은 참신한 컨텐츠들을 찾을 수 있도록 Freshness라는 태그 클라우드를 위한 새로운 태그 선택 방법을 정의하였다. Freshness는 태그 동시 발생 확률 분포(tag co-occurrence probability distribution)가 동적으로 변화하는 것을 Kullback-Leibler divergence로 평균한 값이다. Allblog, Eolin, Technorati 등 세 개의 웹사이트로부터 실제 태그 데이터를 수집하여 우리의 태그 클라우드를 생성하는 시스템, 'Fresh Tag Cloud'를 구축하였다. 이 태그 클라우드를 Allblog에서 수집한 데이터에서 전통적인 태그 클라우드와 비교했을 때 중복평균이 87.5% 감소하여서 성능이 더 향상된 것을 확인할 수 있다.

A Study on UI Design of Social Networking Service Messenger by Using Case Analysis Model

  • Youn, Jong-Hoon;Seo, Young-Ho;Oh, Moon-Seok
    • Journal of information and communication convergence engineering
    • /
    • 제15권2호
    • /
    • pp.104-111
    • /
    • 2017
  • The visual presentation is one key feature which gives much consideration in designing mobile applications as it acquires attention from the end user. It takes only a few milliseconds to form an impression on a person and this is not any different to the web and mobile application designs. The first few milliseconds are a crucial time for developers as the impression produced would indicate further engagement of the service. Developers should continuously update the designs based on human needs. A few of these contents have actually paved its way to being continuously used. By synthesizing results of preceding researchers, this paper considers layout, color, and font as UI design elements of SNS messenger, and illustration and animation as the graphic image of it. In this study, the preference for messaging application chat layout was being surveyed and analyzed. As a result, there has been little significance identified since the instant messaging, so chat layout shows very minimal variance in their design.

인터넷에서의 개선된 벡터라이징 기법에 관한 연구 (A study of improve vectorising technique on the internet)

  • 김용호;이윤배
    • 한국정보통신학회논문지
    • /
    • 제6권2호
    • /
    • pp.271-281
    • /
    • 2002
  • 현재 대부분의 웹디자이너들은 비트맵 그래픽을 사용하여 고정된 포인트 사이즈로 하이 퀼리티를 보장하고 있지만 이는 파일 크기와 유연성에 결점을 가지고 있다. 특히 배너문자나 광고문자에 하이 퀼리티를 제공하기 위해서는 반드시 다른 비트맵 에디팅 프로그램을 사용해서 작업한 후, 비트맵 데이터로 HTML 문서에 첨가하는 방식을 따를 수 밖에 없다. 또한 HTML 문서 자체적으로 글꼴을 단순하게 출력하는 방법 이외에, 단순한 blink, underline, bold, italic을 제외한 글꼴을 직접 제어하는 HTML Tag 또한 가지고 있지 않기 때문이라고도 할 수 있다. 때문에 폰트의 아웃라인 데이터를 이용한 효과나 외곽선 패턴 분할 같은 작업을 위해서는 벡터에디팅 프로그램과 이미지 에디팅 프로그램, 그리고 최종적으로 HTML 문서에 삽입하는 번거로운 과정을 거쳐야만 하는 문제에 직면하게 된다. 따라서 본 논문에서는 HTML 문서의 폰트에 몇 가지 태그를 새롭게 제시함으로써, 폰트에 더욱 다양한 효과를 줄 수 있는 방법을 제안한다. 제안된 방법은 텍스트 정보 저장시 단순한 제어점과 외곽선 정보만을 가지고 화면 출력하기 때문에 웹브라우저 상에서 인쇄물과 동일한 품질의 한글 문자 표현이 가능하며, 이종의 플랫폼에 상관없이 정확한 문자 표현, 다양한 효과로 문자 표현이 가능하다.

색 온도 느낌을 고려한 색 대비 평가 알고리즘 (Color Contrast Evaluation Algorithm Considering Color Temperature Feeling)

  • 장영건
    • 정보처리학회논문지B
    • /
    • 제13B권4호
    • /
    • pp.471-478
    • /
    • 2006
  • 웹 접근성 평가를 위하여 기존의 문서의 배경색과 문자 색 사이의 색 대비 정의에 대한 알고리즘을 조사하고, 비교하였다. 색 조합에 대한 기존의 색 대비에 대한 정량적 정의는 가독성 측면에서 불완전하며, 사용자에 대한 시험 평가에서도 무시하지 못할 불일치를 드러내고 있다. 본 연구에서는 기존의 W3C와 미국 토양조사센터(NSSC)의 색 대비 평가 알고리즘을 웹 안전 색의 조합에 적용하여 비교 분석하였고, 이를 위하여 NSSC의 알고리즘을 실수 영역으로 확장하였다. W3C의 알고리즘을 보완하여 색 온도 느낌을 고려한 알고리즘을 제안하며, 해당 알고리즘을 구현하였다. 시험 결과 W3C의 알고리즘과 NSSC의 알고리즘은 모순된 결과가 없었으나, W3C의 기준이 미국 토양조사센터의 기준보다 너무 엄격하며, 전체 색조합의 94.7%가 부적절한 색 대비를 제공하는 것으로 판정되었다. 본 연구에서 제안한 색 대비 알고리즘은 W3C의 방식에 비하여 색 대비와 가독성의 관계 사이의 선형성이 개선되었다. 따라서 색 대비의 정량적 요소로써 색 온도 느낌이 추가되어야 한다는 타당성이 입증되었다. 그러나 색 대비 알고리즘에 색 온도 느낌에 대한 최적의 반영 비율 및 가독성을 보장하는 적장 값의 설정은 좀 더 연구가 필요하며, 문자의 스타일과 크기에 따라 요구되는 색 대조 정도에 대한 연구가 필요하다. 색 대비는 일반 데스크톱 컴퓨터에서의 색에 의한 화면 접근 장애뿐만 아니라 휴대용 디스플레이 장치의 소형화에 따른 가독성 저하 문제가 더욱 심각해지면서 더욱 중요한 접근성 지표가 될 것이다.

인터넷 원거리출판의 응용과 PDF의 인쇄활용에 관한 연구 (A Study on the online of PDF Electronic Documents System)

  • 유영수;강영립;김병현;이광수
    • 한국인쇄학회:학술대회논문집
    • /
    • 한국인쇄학회 2001년도 국제학술발표회
    • /
    • pp.63-77
    • /
    • 2001
  • PDF(Portable Document Format) is a file format that Adobe advances postscritp technique and use in managing document information or electric publishing(internet, CD-ROM, DVD). PDF is a devised document type for being able to read and print anywhere, independent of OS, printer type, resolution, and the kind of computer etc. Because this includes a compressing function, it transfers document through a small size of file in internet or intranet. In addition, that is a file format has various advantages-sharing of information and transfering documents in on line or off line environment. In this paper, we developed electronic document system using PDF format. Electronic document system consists of filter, automatic indexing, special searching system and web server. The information used in this paper is database made using Zwon\`s DocuCom. The filter recognizes various kinds of document structure. And according to property of document, it produces ASCII output. In addition to processing various formats of document, the filter can extract keywords in documents of MS WORD, Excel, Powerpoint, PDF, CAD etc. This filter uses the structure of window printer drive and can extract the information for text, page, font type and size from relevant document. The automatic indexing recognizes the formatted tag of document form ASCII text produced by filter and extracts adequate keyword to structure and property of document. PDF electronic document systems proposed in this paper can be used in Internet, PC communication. Users can choose and read electronic documents by two ways. First, users can choose and read relevant books using PDF electronic document homepage. Second, users can use PDF integrated-search system. User can search after inputing keyword and choose reference field and type of data. But, now, PDF products of Adobe can\`t support the Korean character. If this problem is resolved, we thick that PDF applications system looks active. Although there is limited function in case of using Zwon DocuCom used in this study, we think that there isn\`t a great deal of difficulty in electronic document and building digital database.

  • PDF