\documentclass[a4paper, 11pt]{article}
\renewcommand{\familydefault}{\sfdefault}
\usepackage{a4wide}
\usepackage[utf8]{inputenc}
\usepackage[ngerman]{babel}
\usepackage{color}
\usepackage{graphicx}
\usepackage{setspace}
\usepackage{ulem}
\usepackage{listings}
\usepackage{float}
\usepackage[rflt]{floatflt}
\usepackage{tabularx}
\setlength{\parindent}{0pt}
\title{Webapp, Firefox OS App alles nur ein wenig JavaScript}
\usepackage[
pdftitle={Webapp, Firefox OS App alles nur ein wenig JavaScript}
pdfsubject={Google Maps und Tracking}
pdfauthor={Udo Schmal}
pdfkeywords={JavaScript}
]{hyperref}
\definecolor{darkblue}{rgb}{0,0,.5}
\hypersetup{pdftex=true, colorlinks=true, breaklinks=true, linkcolor=darkblue, menucolor=darkblue, pagecolor=darkblue, urlcolor=darkblue}
\begin{document}Webapp, Firefox OS App alles nur ein wenig JavaScript
\singlespacing
{\LARGE \textbf{\label{sec:title}Web-App, Firefox OS App alles nur ein wenig JavaScript}}

\singlespacing
{\large \textbf{\label{sec:subtitle}Google Maps und Tracking}}

\begin{floatingfigure}[r]{0.33\textwidth}
\centering
\includegraphics[width=0.25\textwidth]{/home/udo/webserver/www.gocher.me/www-root/media/map-web-app-screenshot.png}

Screenshot der aktiven App\newline
und die erzeugten \href{https://www.gocher.me/downloads/2016-04-24T07-51_04.237Z.gpx}{GPX-Daten}
\end{floatingfigure}

Ein paar wenige Dateien und schon ist die Web-App fertig, oder?

Diese Web-App stellt folgende Funtionen zur Verfügung:

\begin{itemize}
\item Google-Maps Kartenansicht mit Umschlatmöglichkeit zur Satelitenbild-Ansicht
\item Zentrierung der Karte zum aktuellen Standort
\item Aufnehmen der Koordinaten in eine Liste, zur Tracking-Anzeige in der Karte und zum Download als GPS-Datei im GPX Format
\item Löschen / Zurücksetzen der aufgenommenen Werte
\item Anzeige der Aktuellen Werte Longitude, Latitude, Altitude, Speed, Accuracy und Anzahl der eingehenden Werte im Verhätnis zu den aufgenommenen Werten
\item ungenaue als auch doppelte Werte werden ignoriert und nicht in die Werteliste aufgenommen
\end{itemize}

Es ist noch eine Funktion zur Anzeige aufgenommener Tracks bzw. von anderer Seite zur Verfügung gestelleter GPX-Dateinen angedacht, des Weiteren einige Eingabefelder zur Beschreibung der GPX-Datei. (ist noch in Arbeit)\newline


Die komplette Definition der App wird in einer manifest Datei abgelegt, zu beachten sind hier besonders die Rechte, je nach Typ stehen auch unter Umständen nicht alle Möglichkeiten zur Verfügung. Unter Firefox OS kann man z.B. nicht beim Typ Web auf die SD-Card zugreifen, also ist später unter umständen ein anderer Weg einzuplanen, in diesem Fall der Download. Die meisten Punkte erklären sich hoffentlich von alleine.

\href{https://www.gocher.me/code/maps/manifest.webapp}{manifest.webapp}

In der index.html der eigentlichen Seite werden in dieser App lediglich die benötigten JavaScripts und Stylesheets eingebunden.

\href{https://www.gocher.me/code/maps/index.htm}{index.htm}

Ein paar wenige definitionen für die Gestaltung, den gößten Teil der Datei stellen die eingebetteten Bilddaten dar.

\href{https://www.gocher.me/code/maps/app.css}{app.css}

Die eigentliche Arbeit wird vom JavaScript ausgeführt, ich habe mich hier bemüht den Code kurz zu halten und keine weiteren Bibliotheken einzubinden um das Projekt überschaubar zu halten.\newline


\href{https://www.gocher.me/code/maps/app.js}{app.js}
\end{document}