Augmented Reality and HTML5 - The Future of Mobile App Development

Please download to get full document.

View again

All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
  Presented at the Atlanta HTML5 Meetup
Related documents
  • 1. Augmented Reality + HTML 5 = Argon
  • 2. Marker-based AR <ul><li>Uses specially-designed markers to deliver content. </li></ul><ul><ul><li>Images or video </li></ul></ul><ul><ul><li>3D models </li></ul></ul>
  • 3. Location-based AR <ul><li>C ombines the geo-location capabilities of a smart phone with the phone’s video camera to overlay location-relevant information </li></ul><ul><ul><li>Targeted to iPhone and Android devices </li></ul></ul><ul><ul><li>Third-party programs have been developed to distribute and display location-based AR content: </li></ul></ul><ul><ul><ul><li>LayAR </li></ul></ul></ul><ul><ul><ul><li>Wikitude </li></ul></ul></ul><ul><ul><ul><li>Argon </li></ul></ul></ul>
  • 4. <ul><li>Currently under development by the Augmented Environments Lab (AEL) at Georgia Tech </li></ul><ul><li>2nd iteration (v1.2.0) is available in the iTunes AppStore </li></ul><ul><li>Leverages an extended version of KML called “KARML” to render points of interest </li></ul><ul><li>Visual elements are rendered using HTML 5 by way of WebKit </li></ul><ul><li>Includes a Javascript API for dynamically altering geo-spatial information </li></ul><ul><li>jQuery is bundled into the app </li></ul><ul><li>Distinct AR experiences are represented as separate “Channels” </li></ul><ul><li>Channels are served via .kml files hosted on a web server </li></ul>
  • 5. KML <ul><li>Developed for use with Google Earth </li></ul><ul><li>XML-based language schema for expressing geographic annotation and visualization </li></ul><ul><li>HTML, CSS, and Javascript can be included in the <description> element, wrapped in a CDATA section </li></ul>
  • 6. KARML <ul><li>KARML extends KML by extending/adding a few elements that are geared towards authoring AR experiences: </li></ul><ul><ul><li>Label (extended) </li></ul></ul><ul><ul><li>Balloon (extended) </li></ul></ul><ul><ul><li>Tracker </li></ul></ul><ul><ul><li>Sound </li></ul></ul>
  • 7. <Placemark> <ul><li>The <Placemark> element is the core element for building AR experiences with KARML </li></ul><ul><li>Sounds, balloons, labels, and GeoSpots can all be attached to placemarks </li></ul><ul><ul><li>GeoSpots are defined via <Camera> or <LookAt> nested within a <Placemark> </li></ul></ul><ul><li>GeoSpots are special points of interest that are tied to the user’s location </li></ul><ul><li>Argon provides three ways to activate a GeoSpot: </li></ul><ul><ul><li>The User manually sets their location within the Argon app </li></ul></ul><ul><ul><li>The User wanders into a GeoSpot and the app actively recognizes it </li></ul></ul><ul><ul><li>The GeoSpot is set dynamically via the Javascript API </li></ul></ul>
  • 8. Why are GeoSpots important? <ul><li>GPS/Cellular location sensors are only accurate to within 8-20 meters in daily use (though “Wi-Fi assist” can improve accuracy) </li></ul><ul><li>GeoSpots can be used to “enforce” 100% accuracy by communicating the User’s location directly to Argon </li></ul><ul><li>Special content can be associated with GeoSpots: </li></ul><ul><ul><li>360-degree panoramic images that effectively “surround” the User </li></ul></ul><ul><ul><li>Sounds </li></ul></ul>
  • 12. 22 nd floor observation deck ssid: eguest pw: movesomeone
  • Related Search
    We Need Your Support
    Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

    Thanks to everyone for your continued support.

    No, Thanks

    We need your sign to support Project to invent "SMART AND CONTROLLABLE REFLECTIVE BALLOONS" to cover the Sun and Save Our Earth.

    More details...

    Sign Now!

    We are very appreciated for your Prompt Action!