# LaTeX code for Wireframes

\documentclass[a4paper,11pt]{article}
\usepackage{ulem}
\usepackage{a4wide}
\usepackage[dvipsnames,svgnames]{xcolor}
\usepackage[pdftex]{graphicx}

\usepackage{hyperref}
% commands generated by html2latex

\begin{document}
\begin{tabular}

\subsection{Contents}
\begin{itemize}
\end{itemize}
\end{tabular}\hypertarget{Main_Page}{}

\subsection{Main Page}

\subsection{Audio Clip Page}

I added the help buttons along the side. I put in a  ???sign out??? button. The ???my clip??? button shows the listener their translation or transcription of a clip. I deleted the image to make more room for the audio clip info. The buttons along the side provide help for the volunteers and the ability to communicate with the administration.\href{/index.php/File:AudioPage.jpg}{

For this Audio clip wireframe, I put a table at the top to record the clips that the member has completed.  The table is similar to the one above but when a clip is signed out there is a lock image to indicate that. The My Clip table displays the clips that the volunteer has already completed.\href{/index.php/File:AudioPage3.jpg}{

\subsection{Account Page}

The buttons along the side are to help the volunteers with translations, transcriptions and designating keywords. I have added the keyword area above the word processors for the volunteers to add them as they work. On this page, I have used tabs to put in the translation and transcription pages. \href{/index.php/File:AccountPage3.jpg}{

Here the help buttons include one for comments for the volunteer to use while they work on the clip. The translation and transcription word processors are side by side now, with a different type of keyword column above. The button links to different help and contact pages for the volunteers.\href{/index.php/File:AccountPage4.jpg}{