diff --git a/paper/load.pdf b/paper/load.pdf new file mode 100644 index 0000000..b605857 --- /dev/null +++ b/paper/load.pdf Binary files differ diff --git a/paper/reroad-resume.pdf b/paper/reroad-resume.pdf index 733d1c8..b0a22af 100644 --- a/paper/reroad-resume.pdf +++ b/paper/reroad-resume.pdf Binary files differ diff --git a/paper/reroad-resume.tex b/paper/reroad-resume.tex index 0be8918..0eafe60 100644 --- a/paper/reroad-resume.tex +++ b/paper/reroad-resume.tex @@ -62,18 +62,17 @@ % \input{about-reroad} \subsection{システム構成と動き} - \begin{quote} \input{system-reroad} - \end{quote} \section{システムの設計} システムの設計に関して,インターフェースWeb,位置呼応マップ,VRインタラクションの3点について以下で説明する。 \subsection{インタフェースWeb} - \input{skip_yamana} + 本項目では,\sr を利用する際のWebページの動作やレスポンシブ対応に関して記述する。 + \input{system-web} \subsection{位置呼応マップ} % \input{system-map} \subsection{VRインタラクション} - % \input{system-vr} + %\input{system-vr} \section{検証} \begin{quote} 実際に動かしてみての、狙った効果がどの程度実現されているかにつ diff --git a/paper/system-web.tex b/paper/system-web.tex index fd114f5..31c4cce 100644 --- a/paper/system-web.tex +++ b/paper/system-web.tex @@ -8,7 +8,6 @@ margin: 0; 〜以降スタイルの記述〜 - } \end{lstlisting} \end{itembox} @@ -19,9 +18,8 @@ (orientation: landscape) { header{ margin: 0; - + 〜以降スタイルの記述〜 - } \end{lstlisting} \end{itembox} @@ -39,4 +37,47 @@ \includegraphics[width=7cm]{page_yoko} \caption{横画面} \label{yoko} -\end{figure} \ No newline at end of file +\end{figure} + +\subsubsection{ロード画面の追加} +\sr のWebページには,読み込みの際に表示させるロード画面を実装するにあたり,JavaScriptライブラリの一つである「jQuery」を用いている。ロード画面を表示させるHTMLファイル内のscriptタグにjQueryを指定するURLを記述することでライブラリの利用を可能にしている。実際のロード画面は,gif画像とNow Loading...の文字をHTML内で追加することで構成している(図\ref{load})。以下はロード画面実装の記述である。 +\begin{itembox}[l]{ロード画面の実装} +\begin{lstlisting} +$(function() { + var h = $(window).height(); + $('#loader-bg ,#loader'). +  height(h).css('display','block'); +}); +//開いているウィンドウの高さを取得し +新たなを画面貼り付ける + +$(window).load(function () { + $('#loader-bg').delay(900). +  fadeOut(800); + $('#loader').delay(600). +  fadeOut(300); +}); +//全ての読み込み完了後,アニメーショ +ンさせながら非表示にする + +$(function(){ + setTimeout('stopload()',5000); +}); +//5秒後に強制非表示 + +function stopload(){ + $('#loader-bg').delay(900). +  fadeOut(800); + $('#loader').delay(600). +  fadeOut(300); +} +\end{lstlisting} +\end{itembox} + +\begin{figure}[tbp] +\centering +\includegraphics[width=7cm]{load} +\caption{ロード画面} +\label{load} +\end{figure} + diff --git a/paper/system.pdf b/paper/system.pdf new file mode 100644 index 0000000..ea9f39c --- /dev/null +++ b/paper/system.pdf Binary files differ