From Design pattern
Jump to: navigation, search
 
(11 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{#css:
+
  <table width="" border="0" cellspacing="0" cellpadding="0" style="margin-top:40px;">
−
 
+
−
.btn-circle {
+
−
width: 60px;
+
−
height: 60px;
+
−
line-height: 70px; /* adjust line height to align vertically*/
+
−
padding:0;
+
−
border-radius: 100%;
+
−
background: #81cbe9;
+
−
color: #fff;
+
−
text-align: center;
+
−
 
+
−
position:relative;
+
−
}
+
−
 
+
−
.ca-icon {
+
−
vertical-align: top; padding-left: 20px;
+
−
}
+
−
 
+
−
}}
+
−
 
+
−
  <table width="720px" border="0" cellspacing="0" cellpadding="0">
+
 
   <tr>
 
   <tr>
 
     <!-- 140523_pxd.Sungi-->
 
     <!-- 140523_pxd.Sungi-->
Line 26: Line 5:
 
     <!-- <td rowspan="2" class="mw-icon-main-deal"></td> -->
 
     <!-- <td rowspan="2" class="mw-icon-main-deal"></td> -->
  
−
     <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Dealing_With_Data Dealing With Data]</td>
+
     <td class="mw-icon-title">[http://www.ixpatterns.com/Category:Dealing_With_Data Dealing With Data]</td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-check-square fa-2x"></i></div></td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-check-square fa-2x"></i></div></td>
−
     <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Getting_Input Getting Input]</td>
+
     <td class="mw-icon-title">[http://www.ixpatterns.com/Category:Getting_Input Getting Input]</td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa  fa-th-large fa-2x"></i></div></td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa  fa-th-large fa-2x"></i></div></td>
−
     <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Navigation Navigation]</td>
+
     <td class="mw-icon-title">[http://www.ixpatterns.com/Category:Navigation Navigation]</td>
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
Line 39: Line 18:
 
   <tr>
 
   <tr>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-user fa-2x"></i></div></td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-user fa-2x"></i></div></td>
−
     <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Manipulation Manipulation]</td>
+
     <td class="mw-icon-title">[http://www.ixpatterns.com/Category:Manipulation Manipulation]</td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-bullhorn fa-2x"></i></div></td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-bullhorn fa-2x"></i></div></td>
−
     <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Notification Notification]</td>
+
     <td class="mw-icon-title">[http://www.ixpatterns.com/Category:Notification Notification]</td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-desktop fa-2x"></i></div></td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-desktop fa-2x"></i></div></td>
−
     <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Screen_Interaction Screen Interaction]</td>
+
     <td class="mw-icon-title">[http://www.ixpatterns.com/Category:Screen_Interaction Screen Interaction]</td>
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
Line 52: Line 31:
 
   <tr>
 
   <tr>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-microphone fa-2x"></i></div></td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-microphone fa-2x"></i></div></td>
−
     <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Voice_&_Bio_Interaction Voice & Bio Interaction]</td>
+
     <td class="mw-icon-title">[http://www.ixpatterns.com/Category:Voice_&_Bio_Interaction Voice & Bio Interaction]</td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-random fa-2x"></i></div></td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-random fa-2x"></i></div></td>
−
     <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Mixed_Reality Mixed Reality]</td>
+
     <td class="mw-icon-title">[http://www.ixpatterns.com/Category:Mixed_Reality Mixed Reality]</td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-link fa-2x"></i></div></td>
 
     <td rowspan="2" style="vertical-align: top;"><div class="btn-circle"><i class="fa fa-link fa-2x"></i></div></td>
−
     <td class="mw-icon-title">[http://www.ixpatterns.com/index.php/Category:Context_Recognition Context Recognition]</td>
+
     <td class="mw-icon-title">[http://www.ixpatterns.com/Category:Context_Recognition Context Recognition]</td>
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
Line 70: Line 49:
  
  
−
 
+
<DynamicPageListIX>
−
<!-- 1첫번째 이미지 그룹 시작-->
+
</DynamicPageListIX>
−
<ul class="gallery mw-gallery-traditional" style="width: 760px;">
+
−
<!--1번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:Bmw_scolling.jpeg|link=Activate_function]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Activate_function|Activate function]]
+
−
<br />엑티브 펑션입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
<!--2번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:스마트컨.jpg|link=Enter_by_gesture]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Enter_by_gesture|Enter by gesture]]
+
−
<br />엔터 바이 제스추어입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
<!--3번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:Sktelecom.jpeg|link=Horizontal_carousel]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Horizontal_carousel|Horizontal carousel]]
+
−
<br />호리젠탈 카솔입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
<!--4번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:Bmw_head_up_display_142.jpeg|link=Manipulate_by_mirroring_user]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Manipulate_by_mirroring_user|Manipulate by mirroring user]]
+
−
<br />미러링 유저입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
<!--5번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:Bmw_alert.jpeg|link=Guide_what_to_do]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Guide_what_to_do|Guide what to do]]
+
−
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
<!--6번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:향시계.jpg|link=Mirroring]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Mirroring|Mirroring]]
+
−
<br />미러링입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
</ul>
+
−
<!-- 1첫번째 이미지 그룹 끝-->
+
−
<!-- 2첫번째 이미지 그룹 시작-->
+
−
<center><div class="btn-more">MORE</div></center>
+
−
<div class="more-article-page">
+
−
<ul class="gallery mw-gallery-traditional">
+
−
<!--7번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:Eample_07.png|link=Face_recognition]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Face_recognition|Face recognition]]
+
−
<br />얼굴입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
<!--8번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:Eample_08.png|link=Synesthetic_feedback]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Synesthetic_feedback|Synesthetic feedback]]
+
−
<br />피드백에 관한 것 입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
<!--9번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:Eample_09.png|link=Computer_vision]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Computer_vision|Computer vision]]
+
−
<br />컴퓨터 비젼 입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
<!--10번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:Eample_10.png|link=Realization]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Realization|Realization]]
+
−
<br />반응을 실현 합니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
<!--11번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:Eample_11.png|link=Recognize_passing_device]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Recognize_passing_device|Recognize passing device]]
+
−
<br />지나가는 것에 대한 반응입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
<!--12번 -->
+
−
<li class="gallerybox">
+
−
<div  align="center">
+
−
<div class="thumb">
+
−
[[File:Eample_12.png|link=Recognize_weather]]
+
−
</div>
+
−
<div class="gallerytext">
+
−
<p>
+
−
[[Recognize_weather|Recognize weather]]
+
−
<br />날씨에 관한 것 입니다.<br /></p>
+
−
</div>
+
−
</div>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
<!-- 2첫번째 이미지 그룹 끝-->
+

Latest revision as of 17:13, 4 July 2014

 Dealing With Data
Getting Input
Navigation
다양한 행동을 통해 데이터를 검색, 수정, 저장, 변환하는 IX Patterns 다양한 행동을 통해 명령을 실행하거나 내용을 입력하는 IX Patterns 한 화면에서 다른 화면으로 이동하거나 정보를 빨리 찾아가도록 도와주는 IX Patterns
Manipulation
Notification
Screen Interaction
기기를 조작하거나 무엇인가를 통하여 다른 것을 조작하는 IX Patterns 시스템의 상태와 수행해야 할 사항들에 대하여 알려주는 IX Patterns 행동에 따라 Screen안의 형체가 움직이거나 변화하는 IX Patterns
Voice & Bio Interaction
Mixed Reality
Context Recognition
목소리나 생체 정보를 인식하여 기기를 작동시키거나 피드백을 받는 IX Patterns 다양한 기술이 결합되어 가상의 이미지 또는 특정 상황을 현실감 있게 나타내는 IX Patterns 다른 기기의 정보 또는 주변 환경 정보를 인식하여 이루어지는 IX Patterns



Recent addition


MORE
Retrieved from "http://www.ixpatterns.com/index.php?title=Main_Tasks&oldid=106603"