AR aplikace s využitím Device APIs

Abstract

Tato práce se zabývá tvorbou experimentální webové aplikace typu Augmented Reality (AR) za použití Web APIs – převážně rodin Device, Geolocation a MediaDevices API. Byly zjištěny značné neshody s dokumentací na internetu a reálnou podporou, týkající se hlavně použití magnetometru pro určení severu. Chrome pro tyto případy má speciální event pro AR aplikace (deviceorientationabsolute) a Safari poskytuje webkitCompassHeading ve standardním eventu. U ostatních prohlížečů (např. Firefox) sever nijak snadno určit nejde (0\degree \ je určeno náhodně) a je nutno jej odhadnout. Problém se podařilo vyřešit za pomoci Geolocation API, které poskytuje heading, díky kterému je možno určit směr chůze uživatele a z něj dopočítat posunutí azimutu. Důraz byl také kladen na uživatelské rozhraní a prezentaci dat koncovému uživateli, z toho důvodu průběžně probíhalo uživatelské testování. Aplikace byla testována na prohlížečích Chrome, Firefox na OS Android a Safari na iOS.

This bachelor thesis is about creating a experimental Augmented Reality (AR) web app using the Device, Geolocation and MediaDevices API families. Immediately inconsistencies between documentation and real state of the APIs were found, mainly regarding magnetometer usage. At the time of writing Chrome provides a special event for AR applications (deviceorientationabsolute) and Safari provides webkitCompassHeading in the normal event. Other browsers (i.e. Firefox) cannot provide us with position relative to North (0° is randomly selected) and therefore we need to approximate it. The solution uses Geolocation API, that can provide us with heading, that we can use to compute the shift needed for azimuth to point correctly to North. Emphasis was also placed on the UI and UX of the end user, therefore user testing was conducted in tandem with development of this app. App was tested on Chrome, Firefox on Android OS and Safari on iOS.