SlideShare une entreprise Scribd logo
1  sur  37
Télécharger pour lire hors ligne
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

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Plus de 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
 

Plus de 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
 

Dernier

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024The Digital Insurer
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusZilliz
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 

Dernier (20)

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 

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