![Page 1: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/1.jpg)
March 2007Oracle Spatial User Conference
![Page 2: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/2.jpg)
Oracle Spatial User Conference
March 8, 2007Henry B. GonzalezConvention Center
San Antonio, Texas USA
![Page 3: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/3.jpg)
Matthew BaffordGIS Consultant /Software Developer
March 2007Oracle Spatial User Conference
![Page 4: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/4.jpg)
Designing GISApplications forMobile Web Devices
March 2007Oracle Spatial User Conference
![Page 5: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/5.jpg)
Presentation Outline
• Existing Web Application Overview
• Target Mobile Devices
• Mobile Design Considerations
• Detecting / Responding to Mobile Devices
• Finished Product
• Useful Links
• Q&A
March 2007Oracle Spatial User Conference
![Page 6: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/6.jpg)
MilitaryINSTALLATIONS
• Military Installations Search• Support for personnel relocating to new bases
• Search based on location or services
• Textual and graphical (map) results
• Turn by turn driving directions
• eSpatial iSmart / Oracle Spatial• Oracle Route Server
• NAVTEQ data for US and other countries
March 2007Oracle Spatial User Conference
![Page 7: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/7.jpg)
Search PageMarch 2007Oracle Spatial User Conference
![Page 8: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/8.jpg)
Installation SearchMarch 2007Oracle Spatial User Conference
![Page 9: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/9.jpg)
Search ResultsMarch 2007Oracle Spatial User Conference
![Page 10: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/10.jpg)
Routing ResultsMarch 2007Oracle Spatial User Conference
![Page 11: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/11.jpg)
• “Smart Phone” Devices• Windows Mobile, BlackBerry, PalmOS
• Support HTML, CSS, JavaScript
• Bigger Screens
• Other Mobile Devices• Cell Phones
• Poor HTML support
• Very small screens (96x96)
Mobile DevicesMarch 2007Oracle Spatial User Conference
![Page 12: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/12.jpg)
Target Mobile DevicesMarch 2007Oracle Spatial User Conference
![Page 13: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/13.jpg)
Navigation
• Input methods• Touch screen and stylus
• Often easier to use joystick
• Four-way pad or joystick
• Scroll wheel
• No concept of cursor• No “hand” for links
March 2007Oracle Spatial User Conference
![Page 14: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/14.jpg)
NavigationMarch 2007Oracle Spatial User Conference
![Page 15: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/15.jpg)
Navigation
• Links take time to navigate through• One motion or “click” per link
• Solutions• Remove unnecessary links
• Add “Jump to Content” link
• Simplify!
March 2007Oracle Spatial User Conference
![Page 16: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/16.jpg)
Screen SizeMarch 2007Oracle Spatial User Conference
• Extremely Small• 240x320 or 240x240 standard
• Large images scaled or dropped altogether
• Browsers prefer linear display
![Page 17: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/17.jpg)
Network SpeedMarch 2007Oracle Spatial User Conference
• Remember dialup?• The Bad GPRS/CSD 2-3 kB/s
• The Good EDGE 20-30 kB/s
• The Awesome EvDO 60-70 kB/s
• High Latency
• Devices are slow• Large pages render slowly
![Page 18: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/18.jpg)
Browser QuirksMarch 2007Oracle Spatial User Conference
• Everything can be turned off
• CSS support is limited
• Browser knows best (it thinks)
• Font sizes might be ignored
• Colors might be ignored
• Images turned off?
• Only one window
![Page 19: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/19.jpg)
HTML LayoutMarch 2007Oracle Spatial User Conference
• Use the proper tags• UL/OL for lists (nested for hierarchy)
• DIV for formatting
• Tables for tabular data
• H1-H6 for headings
• P for paragraphs
• HR to separate content
• etc…
• <a href=“” onclick=“dynA(); return false;”></a>
![Page 20: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/20.jpg)
Dynamic Content (AJAX)
• XmlHttpRequest is supported on Mobile IE
• Poor DOM support• No getElementById()
• No changing CSS styles on the fly
• innerHTML is supported on DIVs
• BlackBerry/Treo?
March 2007Oracle Spatial User Conference
![Page 21: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/21.jpg)
User GoalsMarch 2007Oracle Spatial User Conference
• In and out – quickly!
• Specific information
• Not browsing – on a mission
![Page 22: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/22.jpg)
Device Recognition
• User-Agent
• Device specific headers
• X-WAP-Profile
• Specific path / domain
March 2007Oracle Spatial User Conference
![Page 23: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/23.jpg)
User-Agent
• Mozilla/4.0 (compatible; MSIE 4.01; WindowsCE; PPC; 240x320)
• Mozilla/4.0 (compatible; MSIE 4.01; WindowsCE; PPC; 240x240)
• Mozilla/4.0 (compatible; MSIE 4.01; WindowsCE; Smartphone; 176x220)
• BlackBerry8100/4.2.0 Profile/MIDP-2.0Configuration/CLDC-1.1 VendorID/-1
March 2007Oracle Spatial User Conference
![Page 24: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/24.jpg)
User-Agent
• No standard format
• Easily faked• BlackBerry and Mobile IE allow you to change
• Always present• “PPC” on Mobile IE
• “BlackBerry” on BlackBerry
• WURFL Project
March 2007Oracle Spatial User Conference
![Page 25: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/25.jpg)
WURFL (User-Agent)
• Wireless Universal Resource File
• User-Agent / Device database• Screen size and other capabilities
• Open Source
• Java API
• VERY Ambitious
• Thousands of devices
• Incorrect / missing listings
March 2007Oracle Spatial User Conference
![Page 26: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/26.jpg)
Device Specific Headers
• Mobile IE• UA-OS Windows CE (Pocket PC) - Version 4.21
• UA-COLOR color16
• UA-PIXELS 320x240
• UA-CPU Intel(R) PXA272
• UA-Pixels screen size accurate• Mozilla/4.0 (compatible;
MSIE 4.01; Windows CE; PPC; 240x320)
March 2007Oracle Spatial User Conference
![Page 27: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/27.jpg)
UAProf (X-WAP-Profile)
• User Agent Profile
• X-WAP-Profile header
• Provided by device manufacturer
• Header not guaranteed
• URL not guaranteed valid
• Slow• Network speeds
• Large files
• Complicated to parse
March 2007Oracle Spatial User Conference
![Page 28: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/28.jpg)
Path or Domain
• Easy to guess user’s intentions
• Most users won’t realize it exists
• Link to mobile page on desktop page
• Still need to detect screen size
March 2007Oracle Spatial User Conference
![Page 29: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/29.jpg)
Our Approach
• Mobile Specific Path
• WURFL – Exact match / Loose match• Only trust exact match• Screen size
• Windows Headers• Screen size
• BlackBerry User Agent
• Automatic redirect if sure
March 2007Oracle Spatial User Conference
![Page 30: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/30.jpg)
Our Approach
• SiteMesh• Page headers and overall layout differences
• Struts• Model View Controller• Same code for different presentation
• JSP Includes• Majority of HTML same for mobile/desktop
• CSS / HTML• HTML tags indicate content type• CSS indicates content style
March 2007Oracle Spatial User Conference
![Page 31: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/31.jpg)
Finished ProductMarch 2007Oracle Spatial User Conference
![Page 32: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/32.jpg)
Finished ProductMarch 2007Oracle Spatial User Conference
![Page 33: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/33.jpg)
Finished ProductMarch 2007Oracle Spatial User Conference
![Page 34: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/34.jpg)
Finished ProductMarch 2007Oracle Spatial User Conference
![Page 35: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/35.jpg)
EmulatorsMarch 2007Oracle Spatial User Conference
• Standalone Device Emulator 1.0and Windows Mobile 5.0 Imageshttp://www.microsoft.com/downloads/details.aspx?familyid=C62D54A5-183A-4A1E-A7E2-CC500ED1F19A&displaylang=en
• BlackBerry EmulatorNeed MDS (Mobile Data Service) and Device Emulatorhttp://www.blackberry.com/developers/downloads/index.shtml
• PalmOS Simulatorshttp://www.palmos.com/dev/tools/simulator/
![Page 36: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/36.jpg)
Useful LinksMarch 2007Oracle Spatial User Conference
• WURFL Projecthttp://wurfl.sourceforge.net/
• Delicon (UAProf)http://delicon.sourceforge.net/
• Mobile Device User-Agentshttp://www.zytrax.com/tech/web/mobile_ids.html
• Small Screen Tipshttp://webmonkey.com/webmonkey/04/12/index4a.html
• CSS Support on Mobile IEhttp://blogs.msdn.com/windowsmobile/articles/213771.aspx
• AJAX on Mobile IEhttp://blogs.msdn.com/iemobile/archive/2005/11/15/493200.aspx
• UAProfhttp://en.wikipedia.org/wiki/UAProf
![Page 37: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/37.jpg)
Useful LinksMarch 2007Oracle Spatial User Conference
• eSpatialhttp://www.espatial.com
• MilitaryINSTALLATIONShttp://www.militaryinstallations.dod.mil/
• MilitaryINSTALLATIONS Mobilehttp://www.militaryinstallations.dod.mil/mobile/
• Contact InformationMatthew [email protected]
![Page 38: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/38.jpg)
AQ&
![Page 39: March 2007 Oracle Spatial User Conference · •BlackBerry8100/4.2.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/-1 March 2007 Oracle Spatial User Conference. User-Agent •No](https://reader034.vdocuments.us/reader034/viewer/2022050107/5f453caed9d5dc5404350986/html5/thumbnails/39.jpg)