SlideShare a Scribd company logo
1 of 37
Download to read offline
MAP
Hadziq Fabroyir *	

Wei-ChungTeng *	

Shu-Ling Wang ^	

RayiYanuTara *
XPLORER HANDY
An Immersive Map Exploration System 	

Using Handheld Device
* Department of Computer Science and Information Engineering
^ Graduate Institute of Digital Learning and Education
1
International Conference of Cyberworlds	

Yokohama, 21-23 October 2013
2
International Conference of Cyberworlds	

Yokohama, 21-23 October 2013
OUTLINE:
1. Background	

2. Concept and Implementation	

3. User Study and Results	

4. Conclusion
MAPXPLORER HANDY
An Immersive Map Exploration System 	

Using Handheld Device
A tool for acquiring information about surrounding
MAP
3
Better support either for 	

future navigation or on-the-go navigation
DIGITAL MAP
4
GET BETTER	

!
!
EXPLORATION EXPERIENCE	

WITH STREET LEVEL IMAGERY
Landmarks on street level imagery give positive
impacts as navigation aids in 3D environments.	

!
(Parush and Berman, 2004)
(Hirtle and Srinivas, 2010)
(Chen et al., 2009)
MAP
5
However common desktop (web) applications
have space limitation in displaying both map
view and street view.
GET BETTER	

!
!
EXPLORATION EXPERIENCE	

WITH STREET LEVEL IMAGERY
MAP
6
Due to screen size limitation, mobile map
application also cannot present both map view
and street view in the same time.
GET BETTER	

!
!
EXPLORATION EXPERIENCE	

WITH STREET LEVEL IMAGERY
MAP
7
PEOPLE READ IN HORIZONTAL MANNER
and they hold the map on their hands
MAP
8
(R. Darken and H. Cevik, 1999)
Better for Navigation/Targeted Search Task Better for Prime or Naive Search Task
“ Usage inVirtual Environments: Orientation Issues ”
MAP
9
MAPXPLORER HANDY
RESEARCH OBJECTIVE
present an 	

immersive and natural
map exploration system for
future navigation
10
METHODOLOGY
A virtual environment will
be set as metaphor of a
traveler on real street
reading a map and looking
at surrounding space
around
11
THE PARADIGM
We learn how the real user may behave on the real street,	

then implement the analogy into our system environment
12
NATURAL INTERACTION
13
TOUCH  MOTION
as the controller
14
ORIENTATION ISSUE
Apply both reference frame
15
SIDE-SLIDING AREA
16
SIDE-SLIDE FOR MOVING
When the device is laying down
17
SIDE-SLIDE FOR PITCHING
When the device is standing up
18
IMMERSIVE EXPERIENCE
19
ENVIRONMENT SETTING
(CURVED SCREEN WITH WIDER FIELD OF VIEW)
20
SOFTWARE ARCHITECTURE
Cocoa on iOS, Google Maps API for iOS, 

PHP Web-application, Google Maps API for StreetView
21
IMPLEMENTATION IN SUMMARY
22
EXPERIMENT MEASUREMENT
★ Quantitative

(Completion Time)

★ NavigationTask	

★ ExplorationTask





★ Qualitative

(Likert-Scale Rate)

★ UIView Usability	

★ UI Control Usability	

★ Fun	

★ Immersive	

★ Direction Comprehension
23
EXPERIMENT APPARATUS
★ Google Maps on PC

(Legacy system)	

★ 1440x900 pixels (16:10 ratio) for
street view and map view display





★ MapXplorer Handy

(Proposed system)	

★ 2880x900 pixels (32:10 ratio) 

just for street view display	

★ 1024x768 pixels (4:3 ratio) 

for map view display	

★ Mac Mini + iPad Mini
24
PARTICIPANTS CHARACTERISTICS
• 20 participants: 8 women, 12 men.	

• Age Range: 22 ~ 39 • Age Mean: 26	

• 19 of 20 participants have experience using multi-touch gesture	

• 18 of 20 participants have experience using motion gesture	

• ALL participants have tried Google Maps on PC	

• ALL participants have tried Google StreetView on PC



• We give participants 10 minutes to get familiar with MapXplorer Handy
25
NARRATION CASE
26
You have just arrived at SendaiTrain Station. Currently, you are planning to
meet your friend at some place nearby called Entatsu Parking. Here are the
steps you need to take:	

!
1. Go to the South West until you find an intersection.	

2. Take a look at the top view of the street and try to find Coca-Cola
banner above a green building.	

3. After seeing it, keep moving to the South along the street called
Ekimae Dori until the next intersection.Along the move, you will be
led to the West.	

4. As you continuously move to the West, you will seeTsutaya and
Family Mart store.They are in the same building.	

5. Just go straight for a bit, Entatsu Parking is in the left side, beside
those stores.
NAVIGATIONTEST
NAVIGATIONTEST
Participant should draw route from start to finish point based
on narrated map directions and street landmarks.
27
1. Google Maps on PC ---	

4. Google Maps on PC ---	

2. MapXplorer Handy	

3. MapXplorer Handy
28
NAVIGATIONTEST
EXPLORATIONTEST
Participant should draw circle representing inquired landmarks
within 3 particular areas.
29
1. Google Maps on PC ---	

4. Google Maps on PC ---	

2. MapXplorer Handy	

3. MapXplorer Handy
30
EXPLORATIONTEST
31
0 seconds
100 seconds
200 seconds
300 seconds
400 seconds
500 seconds
600 seconds
700 seconds
800 seconds
User
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
Google Maps on PC MapXplorer Handy
NavigationTest CompletionTime
1.59 x FASTER
32
0 seconds
75 seconds
150 seconds
225 seconds
300 seconds
375 seconds
450 seconds
525 seconds
600 seconds
User
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
Google Maps on PC MapXplorer Handy
ExplorationTest CompletionTime
1.49 x FASTER
33
Easy to Use UI
Easy to Perceive UI
Love the UI
Natural UI Control
Fun
Easy to Comprehend Cardinal Direction
Easy to Comprehend Navigation Orientation
ControlView and Feedback
Immersive
Rating Scale
0 1 3 4 5 6 8 9 10
Google Maps on PC MapXplorer Handy
User Qualitative Feedback
34
DISCUSSION
• Actually some users performed slightly better when using the
legacy system. It is likely because they have already had much
longer experiences in in using Google Maps and StreetView on
the computer. It may also indicate that 10 minutes trial in the
beginning is insufficient.	

• The study figured out that participants spent more times in
enjoying the StreetView.They likely used to treat the handheld
devices as a control rather than map display instrument.Therefore
handheld display resolution may not be an important factor in
affecting user performance, especially in navigation task.
International Conference of Cyberworlds	

Yokohama, 21-23 October 2013
CONCLUSIONS
35
•An immersive map exploration system using
handheld device called MapXplorer Handy is
presented based on the metaphor of a traveler
reading map on the real street.	

•The experiment results shows that: while using
MapXplorer Handy, the users performs 1.5 faster
in average on exploration and navigation tasks.
International Conference of Cyberworlds	

Yokohama, 21-23 October 2013
FUTURE WORK
36
•Involving more precise cognition measurements
in user study by investigating user attention and
stress level (Crowley, 2010)	

•Conducting further study verifying which factor
of metaphor aspect (e.g., dual-display, curved
display, wider display, or handheld control) takes
dominant role in improving user performance
International Conference of Cyberworlds	

Yokohama, 21-23 October 2013
THANKYOU
37

More Related Content

Similar to An Immersive Map Exploration System Using Handheld Device

ICC2017 UUUI sessions 5604-2
ICC2017 UUUI sessions 5604-2ICC2017 UUUI sessions 5604-2
ICC2017 UUUI sessions 5604-2UUUI ICA
 
CrowdMap: Accurate Reconstruction of Indoor Floor Plan from Crowdsourced Sens...
CrowdMap: Accurate Reconstruction of Indoor Floor Plan from Crowdsourced Sens...CrowdMap: Accurate Reconstruction of Indoor Floor Plan from Crowdsourced Sens...
CrowdMap: Accurate Reconstruction of Indoor Floor Plan from Crowdsourced Sens...Si Chen
 
Web Mapping with Drupal
Web Mapping with DrupalWeb Mapping with Drupal
Web Mapping with DrupalRanel Padon
 
ANDROID MAPPING APPLICATION
ANDROID MAPPING APPLICATIONANDROID MAPPING APPLICATION
ANDROID MAPPING APPLICATIONcsandit
 
The Crosswatch Traffic Intersection Analyzer: A Roadmap for the Future - Coug...
The Crosswatch Traffic Intersection Analyzer: A Roadmap for the Future - Coug...The Crosswatch Traffic Intersection Analyzer: A Roadmap for the Future - Coug...
The Crosswatch Traffic Intersection Analyzer: A Roadmap for the Future - Coug...icchp2012
 
IRJET - Optimized Travel Planner
IRJET -  	  Optimized Travel PlannerIRJET -  	  Optimized Travel Planner
IRJET - Optimized Travel PlannerIRJET Journal
 
“Accident Reconstruction” by Aleksis Liekna from Scope Technologies at Auto f...
“Accident Reconstruction” by Aleksis Liekna from Scope Technologies at Auto f...“Accident Reconstruction” by Aleksis Liekna from Scope Technologies at Auto f...
“Accident Reconstruction” by Aleksis Liekna from Scope Technologies at Auto f...DevClub_lv
 
google tango technology Seminar report
google tango technology Seminar reportgoogle tango technology Seminar report
google tango technology Seminar reportRUPESHKUMAR633
 
Vinny DaSilva (Vuforia): Designing For Dynamic Environments
Vinny DaSilva (Vuforia): Designing For Dynamic EnvironmentsVinny DaSilva (Vuforia): Designing For Dynamic Environments
Vinny DaSilva (Vuforia): Designing For Dynamic EnvironmentsAugmentedWorldExpo
 
Mobile Convention Amsterdam - Netprofiler - Frans Appels
Mobile Convention Amsterdam - Netprofiler - Frans AppelsMobile Convention Amsterdam - Netprofiler - Frans Appels
Mobile Convention Amsterdam - Netprofiler - Frans AppelsMobileConventionAmsterdam
 
Ux portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariUx portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariIvan Pecorari
 
COMP 4010 - Lecture11 - AR Applications
COMP 4010 - Lecture11 - AR ApplicationsCOMP 4010 - Lecture11 - AR Applications
COMP 4010 - Lecture11 - AR ApplicationsMark Billinghurst
 
Augmented reality in E-commerce
Augmented reality in E-commerceAugmented reality in E-commerce
Augmented reality in E-commerceAshwin P
 
SIXTH SENSE TECHNOLOGY SEMINAR.pptx
SIXTH SENSE TECHNOLOGY SEMINAR.pptxSIXTH SENSE TECHNOLOGY SEMINAR.pptx
SIXTH SENSE TECHNOLOGY SEMINAR.pptxvichuzzz
 
Agi 2008: Usability And Gis
Agi 2008: Usability And GisAgi 2008: Usability And Gis
Agi 2008: Usability And GisMuki Haklay
 
VIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdf
VIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdfVIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdf
VIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdfakhilreddychityala1
 
Comp4010 Lecture5 Interaction and Prototyping
Comp4010 Lecture5 Interaction and PrototypingComp4010 Lecture5 Interaction and Prototyping
Comp4010 Lecture5 Interaction and PrototypingMark Billinghurst
 

Similar to An Immersive Map Exploration System Using Handheld Device (20)

ICC2017 UUUI sessions 5604-2
ICC2017 UUUI sessions 5604-2ICC2017 UUUI sessions 5604-2
ICC2017 UUUI sessions 5604-2
 
CrowdMap: Accurate Reconstruction of Indoor Floor Plan from Crowdsourced Sens...
CrowdMap: Accurate Reconstruction of Indoor Floor Plan from Crowdsourced Sens...CrowdMap: Accurate Reconstruction of Indoor Floor Plan from Crowdsourced Sens...
CrowdMap: Accurate Reconstruction of Indoor Floor Plan from Crowdsourced Sens...
 
Web Mapping with Drupal
Web Mapping with DrupalWeb Mapping with Drupal
Web Mapping with Drupal
 
ANDROID MAPPING APPLICATION
ANDROID MAPPING APPLICATIONANDROID MAPPING APPLICATION
ANDROID MAPPING APPLICATION
 
Presentation fyp 1
Presentation fyp 1Presentation fyp 1
Presentation fyp 1
 
The Crosswatch Traffic Intersection Analyzer: A Roadmap for the Future - Coug...
The Crosswatch Traffic Intersection Analyzer: A Roadmap for the Future - Coug...The Crosswatch Traffic Intersection Analyzer: A Roadmap for the Future - Coug...
The Crosswatch Traffic Intersection Analyzer: A Roadmap for the Future - Coug...
 
IRJET - Optimized Travel Planner
IRJET -  	  Optimized Travel PlannerIRJET -  	  Optimized Travel Planner
IRJET - Optimized Travel Planner
 
“Accident Reconstruction” by Aleksis Liekna from Scope Technologies at Auto f...
“Accident Reconstruction” by Aleksis Liekna from Scope Technologies at Auto f...“Accident Reconstruction” by Aleksis Liekna from Scope Technologies at Auto f...
“Accident Reconstruction” by Aleksis Liekna from Scope Technologies at Auto f...
 
google tango technology Seminar report
google tango technology Seminar reportgoogle tango technology Seminar report
google tango technology Seminar report
 
Vinny DaSilva (Vuforia): Designing For Dynamic Environments
Vinny DaSilva (Vuforia): Designing For Dynamic EnvironmentsVinny DaSilva (Vuforia): Designing For Dynamic Environments
Vinny DaSilva (Vuforia): Designing For Dynamic Environments
 
Mobile Convention Amsterdam - Netprofiler - Frans Appels
Mobile Convention Amsterdam - Netprofiler - Frans AppelsMobile Convention Amsterdam - Netprofiler - Frans Appels
Mobile Convention Amsterdam - Netprofiler - Frans Appels
 
Ux portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariUx portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorari
 
COMP 4010 - Lecture11 - AR Applications
COMP 4010 - Lecture11 - AR ApplicationsCOMP 4010 - Lecture11 - AR Applications
COMP 4010 - Lecture11 - AR Applications
 
A step towards interactive displays of digital elevation models
A step towards interactive displays of digital elevation modelsA step towards interactive displays of digital elevation models
A step towards interactive displays of digital elevation models
 
Augmented reality in E-commerce
Augmented reality in E-commerceAugmented reality in E-commerce
Augmented reality in E-commerce
 
SIXTH SENSE TECHNOLOGY SEMINAR.pptx
SIXTH SENSE TECHNOLOGY SEMINAR.pptxSIXTH SENSE TECHNOLOGY SEMINAR.pptx
SIXTH SENSE TECHNOLOGY SEMINAR.pptx
 
14 585
14 58514 585
14 585
 
Agi 2008: Usability And Gis
Agi 2008: Usability And GisAgi 2008: Usability And Gis
Agi 2008: Usability And Gis
 
VIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdf
VIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdfVIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdf
VIRTUAL_TOURIST_GUIDE_INDEX_TO_END[1].pdf
 
Comp4010 Lecture5 Interaction and Prototyping
Comp4010 Lecture5 Interaction and PrototypingComp4010 Lecture5 Interaction and Prototyping
Comp4010 Lecture5 Interaction and Prototyping
 

More from Hadziq Fabroyir

在不同尺度遙現系統中具空間感知特性的使用者介面開發
在不同尺度遙現系統中具空間感知特性的使用者介面開發在不同尺度遙現系統中具空間感知特性的使用者介面開發
在不同尺度遙現系統中具空間感知特性的使用者介面開發Hadziq Fabroyir
 
NTUST Course Selection (Revision: Fall 2016)
NTUST Course Selection (Revision: Fall 2016)NTUST Course Selection (Revision: Fall 2016)
NTUST Course Selection (Revision: Fall 2016)Hadziq Fabroyir
 
律法保護的五件事
律法保護的五件事律法保護的五件事
律法保護的五件事Hadziq Fabroyir
 
Pelajaran 5 第五課 • Telepon 給打電話
Pelajaran 5 第五課 • Telepon 給打電話Pelajaran 5 第五課 • Telepon 給打電話
Pelajaran 5 第五課 • Telepon 給打電話Hadziq Fabroyir
 
Pelajaran 4 第四課 • Belanja 買東西
Pelajaran 4 第四課 • Belanja 買東西Pelajaran 4 第四課 • Belanja 買東西
Pelajaran 4 第四課 • Belanja 買東西Hadziq Fabroyir
 
Pelajaran 3 第三課 • Transportasi 交通
Pelajaran 3 第三課 • Transportasi 交通Pelajaran 3 第三課 • Transportasi 交通
Pelajaran 3 第三課 • Transportasi 交通Hadziq Fabroyir
 
Pelajaran 2 第二課 • Di Restoran 在餐廳
Pelajaran 2 第二課 • Di Restoran 在餐廳Pelajaran 2 第二課 • Di Restoran 在餐廳
Pelajaran 2 第二課 • Di Restoran 在餐廳Hadziq Fabroyir
 
Pelajaran 1 第一課 • Perkenalan Diri 自我介紹
Pelajaran 1 第一課 • Perkenalan Diri 自我介紹Pelajaran 1 第一課 • Perkenalan Diri 自我介紹
Pelajaran 1 第一課 • Perkenalan Diri 自我介紹Hadziq Fabroyir
 
Living in Taiwan for Dummies
Living in Taiwan for DummiesLiving in Taiwan for Dummies
Living in Taiwan for DummiesHadziq Fabroyir
 
How to Select Course at NTUST
How to Select Course at NTUSTHow to Select Course at NTUST
How to Select Course at NTUSTHadziq Fabroyir
 
NTUST-IMSA • International Students Orientation
NTUST-IMSA • International Students OrientationNTUST-IMSA • International Students Orientation
NTUST-IMSA • International Students OrientationHadziq Fabroyir
 
NTUST Course Selection - How to
NTUST Course Selection - How toNTUST Course Selection - How to
NTUST Course Selection - How toHadziq Fabroyir
 
#OOP_D_ITS - 9th - Template
#OOP_D_ITS - 9th - Template#OOP_D_ITS - 9th - Template
#OOP_D_ITS - 9th - TemplateHadziq Fabroyir
 
#OOP_D_ITS - 6th - C++ Oop Inheritance
#OOP_D_ITS - 6th - C++ Oop Inheritance#OOP_D_ITS - 6th - C++ Oop Inheritance
#OOP_D_ITS - 6th - C++ Oop InheritanceHadziq Fabroyir
 
#OOP_D_ITS - 8th - Class Diagram
#OOP_D_ITS - 8th - Class Diagram#OOP_D_ITS - 8th - Class Diagram
#OOP_D_ITS - 8th - Class DiagramHadziq Fabroyir
 
#OOP_D_ITS - 5th - C++ Oop Operator Overloading
#OOP_D_ITS - 5th - C++ Oop Operator Overloading#OOP_D_ITS - 5th - C++ Oop Operator Overloading
#OOP_D_ITS - 5th - C++ Oop Operator OverloadingHadziq Fabroyir
 
#OOP_D_ITS - 2nd - C++ Getting Started
#OOP_D_ITS - 2nd - C++ Getting Started#OOP_D_ITS - 2nd - C++ Getting Started
#OOP_D_ITS - 2nd - C++ Getting StartedHadziq Fabroyir
 
#OOP_D_ITS - 4th - C++ Oop And Class Structure
#OOP_D_ITS - 4th - C++ Oop And Class Structure#OOP_D_ITS - 4th - C++ Oop And Class Structure
#OOP_D_ITS - 4th - C++ Oop And Class StructureHadziq Fabroyir
 

More from Hadziq Fabroyir (20)

在不同尺度遙現系統中具空間感知特性的使用者介面開發
在不同尺度遙現系統中具空間感知特性的使用者介面開發在不同尺度遙現系統中具空間感知特性的使用者介面開發
在不同尺度遙現系統中具空間感知特性的使用者介面開發
 
NTUST Course Selection (Revision: Fall 2016)
NTUST Course Selection (Revision: Fall 2016)NTUST Course Selection (Revision: Fall 2016)
NTUST Course Selection (Revision: Fall 2016)
 
律法保護的五件事
律法保護的五件事律法保護的五件事
律法保護的五件事
 
Pelajaran 5 第五課 • Telepon 給打電話
Pelajaran 5 第五課 • Telepon 給打電話Pelajaran 5 第五課 • Telepon 給打電話
Pelajaran 5 第五課 • Telepon 給打電話
 
Pelajaran 4 第四課 • Belanja 買東西
Pelajaran 4 第四課 • Belanja 買東西Pelajaran 4 第四課 • Belanja 買東西
Pelajaran 4 第四課 • Belanja 買東西
 
Pelajaran 3 第三課 • Transportasi 交通
Pelajaran 3 第三課 • Transportasi 交通Pelajaran 3 第三課 • Transportasi 交通
Pelajaran 3 第三課 • Transportasi 交通
 
Pelajaran 2 第二課 • Di Restoran 在餐廳
Pelajaran 2 第二課 • Di Restoran 在餐廳Pelajaran 2 第二課 • Di Restoran 在餐廳
Pelajaran 2 第二課 • Di Restoran 在餐廳
 
Pelajaran 1 第一課 • Perkenalan Diri 自我介紹
Pelajaran 1 第一課 • Perkenalan Diri 自我介紹Pelajaran 1 第一課 • Perkenalan Diri 自我介紹
Pelajaran 1 第一課 • Perkenalan Diri 自我介紹
 
Living in Taiwan for Dummies
Living in Taiwan for DummiesLiving in Taiwan for Dummies
Living in Taiwan for Dummies
 
How to Select Course at NTUST
How to Select Course at NTUSTHow to Select Course at NTUST
How to Select Course at NTUST
 
NTUST-IMSA • International Students Orientation
NTUST-IMSA • International Students OrientationNTUST-IMSA • International Students Orientation
NTUST-IMSA • International Students Orientation
 
NTUST Course Selection - How to
NTUST Course Selection - How toNTUST Course Selection - How to
NTUST Course Selection - How to
 
Brain Battle Online
Brain Battle OnlineBrain Battle Online
Brain Battle Online
 
Manajemen Waktu
Manajemen WaktuManajemen Waktu
Manajemen Waktu
 
#OOP_D_ITS - 9th - Template
#OOP_D_ITS - 9th - Template#OOP_D_ITS - 9th - Template
#OOP_D_ITS - 9th - Template
 
#OOP_D_ITS - 6th - C++ Oop Inheritance
#OOP_D_ITS - 6th - C++ Oop Inheritance#OOP_D_ITS - 6th - C++ Oop Inheritance
#OOP_D_ITS - 6th - C++ Oop Inheritance
 
#OOP_D_ITS - 8th - Class Diagram
#OOP_D_ITS - 8th - Class Diagram#OOP_D_ITS - 8th - Class Diagram
#OOP_D_ITS - 8th - Class Diagram
 
#OOP_D_ITS - 5th - C++ Oop Operator Overloading
#OOP_D_ITS - 5th - C++ Oop Operator Overloading#OOP_D_ITS - 5th - C++ Oop Operator Overloading
#OOP_D_ITS - 5th - C++ Oop Operator Overloading
 
#OOP_D_ITS - 2nd - C++ Getting Started
#OOP_D_ITS - 2nd - C++ Getting Started#OOP_D_ITS - 2nd - C++ Getting Started
#OOP_D_ITS - 2nd - C++ Getting Started
 
#OOP_D_ITS - 4th - C++ Oop And Class Structure
#OOP_D_ITS - 4th - C++ Oop And Class Structure#OOP_D_ITS - 4th - C++ Oop And Class Structure
#OOP_D_ITS - 4th - C++ Oop And Class Structure
 

Recently uploaded

SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAndikSusilo4
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 

Recently uploaded (20)

SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 

An Immersive Map Exploration System Using Handheld Device

  • 1. MAP Hadziq Fabroyir * Wei-ChungTeng * Shu-Ling Wang ^ RayiYanuTara * XPLORER HANDY An Immersive Map Exploration System Using Handheld Device * Department of Computer Science and Information Engineering ^ Graduate Institute of Digital Learning and Education 1 International Conference of Cyberworlds Yokohama, 21-23 October 2013
  • 2. 2 International Conference of Cyberworlds Yokohama, 21-23 October 2013 OUTLINE: 1. Background 2. Concept and Implementation 3. User Study and Results 4. Conclusion MAPXPLORER HANDY An Immersive Map Exploration System Using Handheld Device
  • 3. A tool for acquiring information about surrounding MAP 3
  • 4. Better support either for future navigation or on-the-go navigation DIGITAL MAP 4
  • 5. GET BETTER ! ! EXPLORATION EXPERIENCE WITH STREET LEVEL IMAGERY Landmarks on street level imagery give positive impacts as navigation aids in 3D environments. ! (Parush and Berman, 2004) (Hirtle and Srinivas, 2010) (Chen et al., 2009) MAP 5
  • 6. However common desktop (web) applications have space limitation in displaying both map view and street view. GET BETTER ! ! EXPLORATION EXPERIENCE WITH STREET LEVEL IMAGERY MAP 6
  • 7. Due to screen size limitation, mobile map application also cannot present both map view and street view in the same time. GET BETTER ! ! EXPLORATION EXPERIENCE WITH STREET LEVEL IMAGERY MAP 7
  • 8. PEOPLE READ IN HORIZONTAL MANNER and they hold the map on their hands MAP 8
  • 9. (R. Darken and H. Cevik, 1999) Better for Navigation/Targeted Search Task Better for Prime or Naive Search Task “ Usage inVirtual Environments: Orientation Issues ” MAP 9
  • 10. MAPXPLORER HANDY RESEARCH OBJECTIVE present an immersive and natural map exploration system for future navigation 10
  • 11. METHODOLOGY A virtual environment will be set as metaphor of a traveler on real street reading a map and looking at surrounding space around 11
  • 12. THE PARADIGM We learn how the real user may behave on the real street, then implement the analogy into our system environment 12
  • 14. TOUCH MOTION as the controller 14
  • 15. ORIENTATION ISSUE Apply both reference frame 15
  • 17. SIDE-SLIDE FOR MOVING When the device is laying down 17
  • 18. SIDE-SLIDE FOR PITCHING When the device is standing up 18
  • 20. ENVIRONMENT SETTING (CURVED SCREEN WITH WIDER FIELD OF VIEW) 20
  • 21. SOFTWARE ARCHITECTURE Cocoa on iOS, Google Maps API for iOS, 
 PHP Web-application, Google Maps API for StreetView 21
  • 23. EXPERIMENT MEASUREMENT ★ Quantitative
 (Completion Time)
 ★ NavigationTask ★ ExplorationTask
 
 
 ★ Qualitative
 (Likert-Scale Rate)
 ★ UIView Usability ★ UI Control Usability ★ Fun ★ Immersive ★ Direction Comprehension 23
  • 24. EXPERIMENT APPARATUS ★ Google Maps on PC
 (Legacy system) ★ 1440x900 pixels (16:10 ratio) for street view and map view display
 
 
 ★ MapXplorer Handy
 (Proposed system) ★ 2880x900 pixels (32:10 ratio) 
 just for street view display ★ 1024x768 pixels (4:3 ratio) 
 for map view display ★ Mac Mini + iPad Mini 24
  • 25. PARTICIPANTS CHARACTERISTICS • 20 participants: 8 women, 12 men. • Age Range: 22 ~ 39 • Age Mean: 26 • 19 of 20 participants have experience using multi-touch gesture • 18 of 20 participants have experience using motion gesture • ALL participants have tried Google Maps on PC • ALL participants have tried Google StreetView on PC
 
 • We give participants 10 minutes to get familiar with MapXplorer Handy 25
  • 26. NARRATION CASE 26 You have just arrived at SendaiTrain Station. Currently, you are planning to meet your friend at some place nearby called Entatsu Parking. Here are the steps you need to take: ! 1. Go to the South West until you find an intersection. 2. Take a look at the top view of the street and try to find Coca-Cola banner above a green building. 3. After seeing it, keep moving to the South along the street called Ekimae Dori until the next intersection.Along the move, you will be led to the West. 4. As you continuously move to the West, you will seeTsutaya and Family Mart store.They are in the same building. 5. Just go straight for a bit, Entatsu Parking is in the left side, beside those stores. NAVIGATIONTEST
  • 27. NAVIGATIONTEST Participant should draw route from start to finish point based on narrated map directions and street landmarks. 27
  • 28. 1. Google Maps on PC --- 4. Google Maps on PC --- 2. MapXplorer Handy 3. MapXplorer Handy 28 NAVIGATIONTEST
  • 29. EXPLORATIONTEST Participant should draw circle representing inquired landmarks within 3 particular areas. 29
  • 30. 1. Google Maps on PC --- 4. Google Maps on PC --- 2. MapXplorer Handy 3. MapXplorer Handy 30 EXPLORATIONTEST
  • 31. 31 0 seconds 100 seconds 200 seconds 300 seconds 400 seconds 500 seconds 600 seconds 700 seconds 800 seconds User 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Google Maps on PC MapXplorer Handy NavigationTest CompletionTime 1.59 x FASTER
  • 32. 32 0 seconds 75 seconds 150 seconds 225 seconds 300 seconds 375 seconds 450 seconds 525 seconds 600 seconds User 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Google Maps on PC MapXplorer Handy ExplorationTest CompletionTime 1.49 x FASTER
  • 33. 33 Easy to Use UI Easy to Perceive UI Love the UI Natural UI Control Fun Easy to Comprehend Cardinal Direction Easy to Comprehend Navigation Orientation ControlView and Feedback Immersive Rating Scale 0 1 3 4 5 6 8 9 10 Google Maps on PC MapXplorer Handy User Qualitative Feedback
  • 34. 34 DISCUSSION • Actually some users performed slightly better when using the legacy system. It is likely because they have already had much longer experiences in in using Google Maps and StreetView on the computer. It may also indicate that 10 minutes trial in the beginning is insufficient. • The study figured out that participants spent more times in enjoying the StreetView.They likely used to treat the handheld devices as a control rather than map display instrument.Therefore handheld display resolution may not be an important factor in affecting user performance, especially in navigation task. International Conference of Cyberworlds Yokohama, 21-23 October 2013
  • 35. CONCLUSIONS 35 •An immersive map exploration system using handheld device called MapXplorer Handy is presented based on the metaphor of a traveler reading map on the real street. •The experiment results shows that: while using MapXplorer Handy, the users performs 1.5 faster in average on exploration and navigation tasks. International Conference of Cyberworlds Yokohama, 21-23 October 2013
  • 36. FUTURE WORK 36 •Involving more precise cognition measurements in user study by investigating user attention and stress level (Crowley, 2010) •Conducting further study verifying which factor of metaphor aspect (e.g., dual-display, curved display, wider display, or handheld control) takes dominant role in improving user performance International Conference of Cyberworlds Yokohama, 21-23 October 2013