From Design pattern
Jump to: navigation, search
m (Admin1 moved page Enter by handwriting/drawing - touch to Handwriting/drawing - touch without leaving a redirect)
Line 1: Line 1:
손가락이나 펜으로 직접 화면에 쓰거나 그려서 입력한다.
 
  
 +
{{#css:
 +
#mw-content-text h3 span {
 +
font-weight: 600;
 +
padding-left: 0px;
 +
}
  
== Examples ==
+
.mw-headline {
 +
font-weight: 600;
 +
}
  
=== 456번 사례 ===
+
span.mw-editsection {
* 터치테이블에서 손가락이나 펜으로 화면에 글자를 쓴다.
+
font-weight: 200;
 +
position: relative;
 +
float:right;
 +
margin-right: 25px
 +
}
 +
 
 +
span.mw-editsection a {
 +
font-weight: 200;
 +
}
 +
 
 +
.art-subpage {
 +
background: #F7F7F7;
 +
}
 +
 
 +
#mw-content-text p {
 +
padding-top: 0px;
 +
padding-bottom: 6px;
 +
}
 +
 
 +
.mw-content-ltr ul {
 +
margin: 0.3em 0 0 42px;
 +
}
 +
 
 +
 
 +
hr {
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
margin-left: -31px;
 +
width: 720px;
 +
border-bottom: 1px solid #E0E0DD;
 +
border-left: 0px;
 +
border-right: 0px;
 +
border-top: 30px solid #F7F7F7;
 +
}
 +
<!--
 +
#sun-col {
 +
-webkit-column-count:2; /* Chrome, Safari, Opera */
 +
-moz-column-count:2; /* Firefox */
 +
column-count:2;
 +
}
 +
 
 +
#sun-col p {
 +
padding-left: 0px;
 +
-->
 +
}
 +
 
 +
}}
 +
 
 +
Handwriting/drawing - gesture는 gesture를 통하여 자연어 입력이나 그림을 그리는 pattern이다. 허공에 gesture를 통해 글을 쓰거나 그리는 동작을 통해 입력한다.
 +
 
 +
=== With this pattern, we can solve... ===
 +
기기의 스크린이 touch를 통하여 자연어를 입력하거나 그림을 그리기에 너무 작은 경우나 스크린에 손이나 펜을 대지 않고 입력할 필요가 있을 경우 사용되는 pattern이다.
 +
 
 +
=== Example : 456번 사례 ===
 
* 단, 아래 영상의 1분 17초 ~ 1분 27초에 해당한다.
 
* 단, 아래 영상의 1분 17초 ~ 1분 27초에 해당한다.
 
<videoflash type="vimeo">42073036|665|374</videoflash>
 
<videoflash type="vimeo">42073036|665|374</videoflash>
 +
 +
----
 +
== Handwriting/drawing - touch ==
 +
<div id="sun-col">
  
 
=== 66번 사례  67번 사례 ===
 
=== 66번 사례  67번 사례 ===
* 사례 설명 입력 예정
 
 
<videoflash>Ho-fLLJNlkg|665|374</videoflash>
 
<videoflash>Ho-fLLJNlkg|665|374</videoflash>
 
 
  
 
=== 70번 사례 ===
 
=== 70번 사례 ===
Line 26: Line 86:
 
* 손의 속도에 따라 그리는 선의 농도가 달라진다.
 
* 손의 속도에 따라 그리는 선의 농도가 달라진다.
 
<videoflash type="vimeo">93373872|533|395</videoflash>
 
<videoflash type="vimeo">93373872|533|395</videoflash>
 
 
  
 
=== 175번 사례 ===
 
=== 175번 사례 ===
* 사례 설명 입력 예정
 
 
<videoflash type="vimeo">11015834|665|374</videoflash>
 
<videoflash type="vimeo">11015834|665|374</videoflash>
  
Line 40: Line 97:
 
* 디스플레이 위에 펜으로 글을 입력한다.
 
* 디스플레이 위에 펜으로 글을 입력한다.
 
* 단, 아래 영상의 5분 1초 ~ 5분 5초에 해당한다.
 
* 단, 아래 영상의 5분 1초 ~ 5분 5초에 해당한다.
 
 
<videoflash>a6cNdhOKwi0|665|374</videoflash>
 
<videoflash>a6cNdhOKwi0|665|374</videoflash>
 
+
</div>
 
+
 
[[Category:Enter text/image]]
 
[[Category:Enter text/image]]

Revision as of 00:45, 28 May 2014


Handwriting/drawing - gesture는 gesture를 통하여 자연어 입력이나 그림을 그리는 pattern이다. 허공에 gesture를 통해 글을 쓰거나 그리는 동작을 통해 입력한다.

With this pattern, we can solve...

기기의 스크린이 touch를 통하여 자연어를 입력하거나 그림을 그리기에 너무 작은 경우나 스크린에 손이나 펜을 대지 않고 입력할 필요가 있을 경우 사용되는 pattern이다.

Example : 456번 사례

  • 단, 아래 영상의 1분 17초 ~ 1분 27초에 해당한다.

Handwriting/drawing - touch

66번 사례 67번 사례

70번 사례

  • 사례 설명 입력 예정

380번 사례

  • 손의 압력에 따라 그리는 선의 굵기가 달라진다.

381번 사례

  • 손의 속도에 따라 그리는 선의 농도가 달라진다.

175번 사례

19번 사례

  • 직접 쓴 수식을 인식하여 디지털 텍스트로 변환하고, 그 결과를 페이지에서 바로 확인한다.

87번 사례

  • 디스플레이 위에 펜으로 글을 입력한다.
  • 단, 아래 영상의 5분 1초 ~ 5분 5초에 해당한다.