Finding vital information on housesusing immersive multi-touch interfaceKai Tzu Lu, Hsin-Hou Lin, Ting-Han Chen, Chi-Fa Fa...
1 STEP         2
2 STEP         3
3 STEP         4
5
Multitouch gestures used for 3D Scene   The Multitouch Marking Menu system in use on aNavigation.                         ...
How to develop the naturalexploration of multi-touch systeminto design practice ?                 7
Multi-Touch House Information(MTHI) system                8
HARDWARE SET UP       9
!“FTIR” METHODFRUSTRATED TOTAL INTERNAL REFLECTION (FTIR)                                          10
IR Camera!                                               1 Port OUT!                                                      ...
Multi-Touch House Information             (MTHI) system structure                                                    he#Ho...
I-NAVIGATOR     13
REGION   THEMATIC MULTI-LAYERI-NAVIGATOR                       14
I-NAVIGATOR              15
THE THEMATIC MULTI-LAYER           16
THE THEMATIC MULTI-LAYER                       17
THE THEMATIC MULTI-LAYER                       18
THE THEMATIC MULTI-LAYER                       19
THE THEMATIC MULTI-LAYER                       20
THE MEDIA INFO WINDOW          21
RegionTag       22
THE MEDIA INFO WINDOW ON THE MTHI SYSTEM                       23
THE MEDIA INFO WINDOW ON THE MTHI SYSTEM                       24
Demonstration      25
26
“Mark”: the user draws a circle onthe target building; the orangehouse tag icon shows the link on it.“Delete”: user draws ...
Conclusion•   Redefinition of the gestures used for real    estate field•   The MTHI system really answered the needs    of ...
Thank for your listening !Kai Tzu Lu, Hsin-Hou Lin, Ting-Han Chen, Chi-Fa FanXxtralab Design Co.kt@xxtralab.tw            ...
Upcoming SlideShare
Loading in …5
×

Finding the vital houses information using immersive multi-touch interface

444 views

Published on

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
444
On SlideShare
0
From Embeds
0
Number of Embeds
88
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • let me introduce myself, i am KT Lu, i work for xxtralab design. I am here today to present our research paper “Finding vital information on houses using immersive multi-touch interface”.\n \n
  • In the past when people wanted to buy some houses they had at least to proceed in three steps. First they had to choose a location where to live. \n
  • Second, they had to do further enquiries about the type of building, the number of rooms, the facilties and the price. \n
  • Finally, they had to go through long picture and detail listings. Another disadvantage was the impossibility to do multiple search at once.\n
  • Therefore we started to think about how to facilitate the browsing of house data for the customers and the real estate co. Thus in 2009 we came out with a solution. Since the launch of the Iphone and Window7, the multi-touch functions were available .\n
  • We decided to review the different research topics to see which existing system would fit our needs, from the capacstive sensor, IR laser matrix to (Frustrated Total Internal Reflection method. For browsing gestures, The multitouch gestures for 3D Scene Navigation as well as the experimental Multitouch Marking Menu System were among the controlling gestures we studied. We finally opted for the (Frustrated Total Internal Reflection )FTIR technology.\n
  • our next move was to find how to design and develop a multitouch system using natural behaviors in its exploration process. \n
  • let me introduce the multi-touch house information system.\nthis system is described in a map presentation mode creating an intelligent space designed to carry the real estate company’s exclusive luxurious services to its customers. \nToday i will share with you the details on the hardware, the system structure and user interface.\n
  • first, hardware set up\n
  • Base on FTIR technology, we combine two systems to enlarge the size of a 190” touch screen. \nFor the display we use two projectors and the video conversion system to merge the graphic interface. \nFor the touching function, the glass surface is illuminated by 8 IR lasers, using a IR camera and Touchlib to capture the finger points signal. \n
  • Here is the system structure.\n
  • The software system structure includes 3 main functions. 1.i-Navigator, 2. The thematic multi-layer, 3.The media info window on the MTHI system. later on i will describe in details the 3 main functions.\n
  • the first i-navigator.\n
  • This navigator wheel is like a marking menu that contains switching functions for regions and the thematic multi-layer. \n“The region switch” can change different area maps from region 1 ~ region 3 or 4 to present a location introduction. \n“The thematic multi-layer switch” can link different topic layers to show an urban plan in details, from surrounding environments to transportation, and so on.\n
  • The gesture definition of a navigation wheel flies to where ever the user double clicks on the sides of the screen. \nWhy we chose double clicking on the sides of the screen as a user behavior? Bcz, we think that vivid presentation behavior is not just standing on one side of a screen, especially when it is a 190” screen. \n
  • Second, The thematic multi-layer\n
  • The thematic multi-layer includes 4 topic layers: 1. transportation, 2. landmark buildings, 3. target buildings and 4. parks.\n
  • Users can drag different theme layers going from top to\n
  • to bottom, to get explainations on the value of luxurious residential properties. \n
  • When the complete site map is shown to the audiences, the targeted buildings are presented with yellow tags. \n
  • third, the media info window.\n
  • then the Users can use a circle gesture to post an orange house icon tag on the house of their choice and click the tag to show the media info window. \n\n
  • Once, the media info window pops up, it shows the content of the selected house’s details. including size, facilities, plan, etc...(et ce te ra)\n
  • and you can double check the exact location of house on a google map. \n
  • After these 3 main functions description. Let us see the short video clip of MTHI system.\n
  • \n
  • As a result of the implementation we provide five gestures for the MTHI system. that is Drag, Zoom, Mark, Delete, Pull. you can see from that movie clip. we especially customized the mark, delete and pull gestures which are not the basic setting functions in Windows 7 or i OS platform.\n
  • To conclude, in this paper we present the key contributions of the MTHI system to the real estate market: \nthe redefinition of the gestures used for the real estate field. the answer to the needs of house sale’s procedures. \nOur next target is to decrease total cost and the reduction of the system projection distance. \n\n
  • our customers have been using our system since 2009 to their complete satisfaction. \nThank to Yungchin real estate company and my co-workers! and thank for your listening! \n
  • Finding the vital houses information using immersive multi-touch interface

    1. 1. Finding vital information on housesusing immersive multi-touch interfaceKai Tzu Lu, Hsin-Hou Lin, Ting-Han Chen, Chi-Fa Fan Xxtralab Design Co. 1
    2. 2. 1 STEP 2
    3. 3. 2 STEP 3
    4. 4. 3 STEP 4
    5. 5. 5
    6. 6. Multitouch gestures used for 3D Scene The Multitouch Marking Menu system in use on aNavigation. Microsoft Surface. The green contact points have beenLeft column: Pan/Tilt operation. added for illustration purposes.Right column: Object movement andzooming.
    7. 7. How to develop the naturalexploration of multi-touch systeminto design practice ? 7
    8. 8. Multi-Touch House Information(MTHI) system 8
    9. 9. HARDWARE SET UP 9
    10. 10. !“FTIR” METHODFRUSTRATED TOTAL INTERNAL REFLECTION (FTIR) 10
    11. 11. IR Camera! 1 Port OUT! SXGA+ Projector! 1 Port IN! Image PC! Blending Processor! Speaker! Amplifier! Speaker! LAN Hub! IR Camera! 1 Port OUT! SXGA+ Projector! 1 Port IN! Image PC! Blending Processor! Speaker! Amplifier! Speaker!HARDWARE SYSTEM STRUCTURE 11
    12. 12. Multi-Touch House Information (MTHI) system structure he#Houses#informa.on#system# The#media#info#window# The#thema.c#mul.6layer# i6navigator#module# House#photo/video# Landmark#building#layer# Transporta.on#layer#House#content# oogle#map# Target#building#layer# arks#layer# Regions#switch# A#thema.c6layer#switch# 12
    13. 13. I-NAVIGATOR 13
    14. 14. REGION THEMATIC MULTI-LAYERI-NAVIGATOR 14
    15. 15. I-NAVIGATOR 15
    16. 16. THE THEMATIC MULTI-LAYER 16
    17. 17. THE THEMATIC MULTI-LAYER 17
    18. 18. THE THEMATIC MULTI-LAYER 18
    19. 19. THE THEMATIC MULTI-LAYER 19
    20. 20. THE THEMATIC MULTI-LAYER 20
    21. 21. THE MEDIA INFO WINDOW 21
    22. 22. RegionTag 22
    23. 23. THE MEDIA INFO WINDOW ON THE MTHI SYSTEM 23
    24. 24. THE MEDIA INFO WINDOW ON THE MTHI SYSTEM 24
    25. 25. Demonstration 25
    26. 26. 26
    27. 27. “Mark”: the user draws a circle onthe target building; the orangehouse tag icon shows the link on it.“Delete”: user draws a cross on theorange house tag icon for the iconto disappear.“Pull”: user pulls the different topiclayers from the main region layer. DRAG ZOOM DELETE MARK PULL5 GESTURES OF MTHI 27
    28. 28. Conclusion• Redefinition of the gestures used for real estate field• The MTHI system really answered the needs of house sale’s procedures.• For futurework we try to decrease the total cost and the projection distance. 28
    29. 29. Thank for your listening !Kai Tzu Lu, Hsin-Hou Lin, Ting-Han Chen, Chi-Fa FanXxtralab Design Co.kt@xxtralab.tw 29

    ×