Jump to: navigation, search

# LaTeX code for Wireframes

Click here for a plain text version of this LaTeX code.
\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}
\item \hyperlink{Main_Page}{1Main Page}
\item \hyperlink{Audio_Clip_Page}{2Audio Clip Page}
\item \hyperlink{Account_Page}{3Account Page}
\item \hyperlink{Administration_Page}{4Administration Page}
\end{itemize}
\end{tabular}\hypertarget{Main_Page}{}

\subsection{Main Page}

This page introduces the project to the volunteers and those surfing the web. The paragraph explains the goals and process of the Ukrainian Folklore Audio Project. The volunteers Log In on this page with the username and password provided by Natalie Kononenko. \href{/index.php/File:MainPage.jpg}{
\includegraphics{/AnnokiUploadAuth.php/thumb/1/17/MainPage.jpg/600px-MainPage.jpg}}\hypertarget{Audio_Clip_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}{
\includegraphics{/AnnokiUploadAuth.php/thumb/d/df/AudioPage.jpg/600px-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}{
\includegraphics{/AnnokiUploadAuth.php/thumb/0/01/AudioPage3.jpg/600px-AudioPage3.jpg}}\hypertarget{Account_Page}{}

\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}{
\includegraphics{/AnnokiUploadAuth.php/thumb/3/35/AccountPage3.jpg/600px-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}{
\includegraphics{/AnnokiUploadAuth.php/thumb/f/f7/AccountPage4.jpg/600px-AccountPage4.jpg}}\hypertarget{Administration_Page}{}

\subsection{Administration Page}

This page is for Natalie and Maryna to edit the volunteer submissions. From this page, they can access all of the audio clips and submissions to maintain them and the site. The editors will edit all the submitted works here (the word processor and audio player are there for that).  The administrators can add keywords to each piece, this let volunteers search and decide what works interest them. There is a link to a notes page. Natalie and Maryna can discuss the project with other scholars here. \href{/index.php/File:AdminPage.jpg}{
\includegraphics{/AnnokiUploadAuth.php/thumb/2/20/AdminPage.jpg/600px-AdminPage.jpg}}

\end{document}