This commit is contained in:
overflowerror 2014-04-07 11:12:30 +02:00
parent c93157ac30
commit f304038987
12 changed files with 180 additions and 9 deletions

4
doc/HTML.tex Normal file
View file

@ -0,0 +1,4 @@
HTML steht für \enquote{Hyper Text Mark-up Language}. Es handelt sich um eine XML-basierte Auszeichnungssprache, welche für den Einsatz auf Websiten gedacht ist.\\
HTML steht in engem Zusammenhang mit HTTP (dem \enquote{Hyper Text Tranfer Protocoll}), welches im Gegensatz zu früheren Netzwerk-Informations-Protokollen (wie zum Beispiel \enquote{Gopher}) den Vorteil, dass es auch Bilder, Videos, Anwendungen und so weiter übertragen kann.
HTML5 ist, wie der Name schon sagt die fünfte Version von HTML. Die für dieses Projekt wichtigste Änderung ist die Einführung des canvas-Elements.

0
doc/app.tex Normal file
View file

0
doc/code.tex Normal file
View file

1
doc/css.tex Normal file
View file

@ -0,0 +1 @@
CSS steht für \enquote{Cascading Style Sheets} und wird zur zentralen Definition von Stilen für HTML-Dokumente verwendet.

0
doc/discu.tex Normal file
View file

5
doc/js.tex Normal file
View file

@ -0,0 +1,5 @@
JavaScript ist eine clientseitige Script-Sprache für Websiten. Der Name kommt daher, dass die Standard-Obejekte in JavaScript den gleichen Namenskonventionen wie die von Java unterliegen. Ansonsten haben diese zwei Sprachen sehr wenig gemeinsam.
JavaScript ist objektorientiert. Klassen sind ebenfalls Objekte, mit denen prototypen von ihren Instanzen genieriert werden. Prinzipiell sind alle Objekte, Eigenschaften und Methoden Variablen. Die Variablentypisierung ist dynamisch. Es gibt keine Unterscheidung zwischen publiken und privaten Eigenschaften und Methoden.
In Javascript kann auch ohne objektorientierung programmiert werden.

154
doc/main.tex Normal file
View file

@ -0,0 +1,154 @@
% Bericht.tex - Vorlage Laborbericht
% Copyright (c) Jonas Juffinger
\documentclass[12pt, a4paper]{article}
\usepackage[utf8x]{inputenc}
\usepackage[german]{babel}
\usepackage[margin=0.8in]{geometry}
\usepackage{graphicx}
\usepackage[hidelinks]{hyperref}
\usepackage{float}
\usepackage{mdframed}
%\usepackage{eurosym}
\usepackage{listings}
\usepackage[babel,german=quotes]{csquotes}
\usepackage{amsmath}
\usepackage{color}
%\usepackage[T1]{fontenc}
\usepackage{titlesec, blindtext, color}
%\definecolor{gray75}{gray}{0.75}
%\newcommand{\hsp}{\hspace{20pt}}
%\titleformat{\section}[hang]{\Huge\bfseries}{\thesection\hsp\textcolor{gray75}{||}\hsp}{0pt}{\Huge\bfseries}
\setcounter{secnumdepth}{3}
\setcounter{tocdepth}{2}
\setlength{\parindent}{0pt}
\setlength{\parskip}{\baselineskip}
\begin{document}
\def \Titel {Combination Lock}
\def \Name {-}
\def \NameMitarbeiter {Buchberger Florian, Weiland Mathias}
\def \Betreuer {Weiss}
\def \Ausgefuehrt {24. 03. 14}
\def \Abgegeben {01. 04. 14}
\def \Jahrgang {5YHELI}
\def \Gruppe {-}
\begin{titlepage}
~\\[0.5cm]
\begin{minipage}{0.4\textwidth}
\begin{flushleft} \large
\emph{Name:} \Name
\end{flushleft}
\end{minipage}
\begin{minipage}{0.3\textwidth}
\begin{center}\large
\emph{Jahrgang:} \Jahrgang
\end{center}
\end{minipage}
\hspace{0.5cm}
\begin{minipage}{0.2\textwidth}
\begin{flushright} \large
\emph{Gruppe:} \Gruppe
\end{flushright}
\end{minipage}
~\\[0.6cm]
\begin{minipage}{0.8\textwidth}
\begin{flushleft} \large
\emph{Name der Mitarbeiter:} \NameMitarbeiter
\end{flushleft}
\end{minipage}
\begin{center}
\line(1,0){480}
\end{center}
\begin{center}
\textsc{\LARGE HN5 - TINF}\\
\large Abteilung Elektronik\\[1cm]
an der H\"oheren technischen Bundeslehranstalt 1\\
Innsbruck, Anichstraße 16 - 28
\end{center}
\begin{center}
\line(1,0){480}
\end{center}
\begin{minipage}{0.2\textwidth}
\begin{flushleft} \large
\emph{Betreuer:}\\
\Betreuer
\end{flushleft}
\end{minipage}
\begin{minipage}{0.57\textwidth}
\begin{center}
\LARGE
\textbf{\Titel}
\end{center}
\end{minipage}
\hspace{0.5cm}
\begin{minipage}{0.18\textwidth}
\begin{flushright} \large
\emph{Ausgef\"uhrt am}
\Ausgefuehrt\\[0.4cm]
\emph{Abgegeben am}
\Abgegeben
\end{flushright}
\end{minipage}
\begin{center}
\line(1,0){480}
\end{center}
\end{titlepage}
\tableofcontents
\newpage
\section{Aufgabenstellung}
\input{todo}
\section{Vorbereitung}
\subsection{PhoneGab}
\input{phonegab}
\subsection{HTML5}
\input{HTML}
\subsection{CSS 3}
\input{css}
\subsection{Javascript}
\input{js}
\subsection{Sensoren}
\input{sensoren}
\section{Durchführung}
\subsection{Theoretische Überlegungen}
\input{theory}
\subsection{Aufbau der App}
\input{app}
\subsection{Implementierung}
\input{code}
\section{Diskussion}
\input{discu}
%\begin{figure}[H]
%\centering
%\includegraphics[keepaspectratio=true, width=10cm]{objekt1.png}
%\caption{Messobjekt}
%\label{fig:obj1}
%\end{figure}
\end{document}

13
doc/phonegab.tex Normal file
View file

@ -0,0 +1,13 @@
Adobe PhoneGab ist eine Software zum Erstellen von Apps für Android, Apple iOS und Microsoft Windows Phone. Die eigentliche App wird in HTML5, CSS3 sowie Javascript geschrieben. Der Zugriff auf die Sensoren erfolgt mit Hilfe von kleinen Java-Applikationen, welche von PhoneGab bereitgestellt werden
\textit{Nachteile:}
\begin{itemize}
\item Die Performance ist suboptimal, da der Code des Programmes nicht compiliert, sondern interpretiert wird.
\item Quellcode steht mehr oder weniger im Klartext in der App (bei diesem Mini-Projekt kein Problem, da es sowieso open-source ist).
\item Zugriff auf die Sensoren, und sonstige Hardware ist sehr eingeschränkt.
\end{itemize}
\textit{Vorteile:}
\begin{itemize}
\item Nur eine App für die 3 gängigsten Plattformen.
\item Dementsprechend müssen nur die Eigenschaften/Einschränkungen einer Programmiersprache beachtet werden.
\end{itemize}

0
doc/sensoren.tex Normal file
View file

0
doc/theory.tex Normal file
View file

3
doc/todo.tex Normal file
View file

@ -0,0 +1,3 @@
Es sollte eine App entworfen werden, die mindestens einen Sensor des Mobil-Telefons benutzt. Als Technologie sollte PhoneGab eingesetzt werden.
Die Gruppe entschied sich dafür, eine Kombinations-Schloss-App zu erstellen. Die Kombination sollte durch Drehung des Telefons einstellbar sein.

View file

@ -1,9 +0,0 @@
<html>
<head>
<script src="../lock.js">
</script>
</head>
<body>
<canvas id="canvas" width="200px" height="200px" style="background-color: #fff;"></canvas>
</body>
</html>