\documentclass[11pt,twoside]{article}\makeatletter

\IfFileExists{xcolor.sty}%
  {\RequirePackage{xcolor}}%
  {\RequirePackage{color}}
\usepackage{colortbl}
\usepackage{wrapfig}
\usepackage{ifxetex}
\ifxetex
  \usepackage{fontspec}
  \usepackage{xunicode}
  \catcode`⃥=\active \def⃥{\textbackslash}
  \catcode`❴=\active \def❴{\{}
  \catcode`❵=\active \def❵{\}}
  \def\textJapanese{\fontspec{Noto Sans CJK JP}}
  \def\textChinese{\fontspec{Noto Sans CJK SC}}
  \def\textKorean{\fontspec{Noto Sans CJK KR}}
  \setmonofont{DejaVu Sans Mono}
  
\else
  \IfFileExists{utf8x.def}%
   {\usepackage[utf8x]{inputenc}
      \PrerenderUnicode{–}
    }%
   {\usepackage[utf8]{inputenc}}
  \usepackage[english]{babel}
  \usepackage[T1]{fontenc}
  \usepackage{float}
  \usepackage[]{ucs}
  \uc@dclc{8421}{default}{\textbackslash }
  \uc@dclc{10100}{default}{\{}
  \uc@dclc{10101}{default}{\}}
  \uc@dclc{8491}{default}{\AA{}}
  \uc@dclc{8239}{default}{\,}
  \uc@dclc{20154}{default}{ }
  \uc@dclc{10148}{default}{>}
  \def\textschwa{\rotatebox{-90}{e}}
  \def\textJapanese{}
  \def\textChinese{}
  \IfFileExists{tipa.sty}{\usepackage{tipa}}{}
\fi
\def\exampleFont{\ttfamily\small}
\DeclareTextSymbol{\textpi}{OML}{25}
\usepackage{relsize}
\RequirePackage{array}
\def\@testpach{\@chclass
 \ifnum \@lastchclass=6 \@ne \@chnum \@ne \else
  \ifnum \@lastchclass=7 5 \else
   \ifnum \@lastchclass=8 \tw@ \else
    \ifnum \@lastchclass=9 \thr@@
   \else \z@
   \ifnum \@lastchclass = 10 \else
   \edef\@nextchar{\expandafter\string\@nextchar}%
   \@chnum
   \if \@nextchar c\z@ \else
    \if \@nextchar l\@ne \else
     \if \@nextchar r\tw@ \else
   \z@ \@chclass
   \if\@nextchar |\@ne \else
    \if \@nextchar !6 \else
     \if \@nextchar @7 \else
      \if \@nextchar (8 \else
       \if \@nextchar )9 \else
  10
  \@chnum
  \if \@nextchar m\thr@@\else
   \if \@nextchar p4 \else
    \if \@nextchar b5 \else
   \z@ \@chclass \z@ \@preamerr \z@ \fi \fi \fi \fi
   \fi \fi  \fi  \fi  \fi  \fi  \fi \fi \fi \fi \fi \fi}
\gdef\arraybackslash{\let\\=\@arraycr}
\def\@textsubscript#1{{\m@th\ensuremath{_{\mbox{\fontsize\sf@size\z@#1}}}}}
\def\Panel#1#2#3#4{\multicolumn{#3}{){\columncolor{#2}}#4}{#1}}
\def\abbr{}
\def\corr{}
\def\expan{}
\def\gap{}
\def\orig{}
\def\reg{}
\def\ref{}
\def\sic{}
\def\persName{}\def\name{}
\def\placeName{}
\def\orgName{}
\def\textcal#1{{\fontspec{Lucida Calligraphy}#1}}
\def\textgothic#1{{\fontspec{Lucida Blackletter}#1}}
\def\textlarge#1{{\large #1}}
\def\textoverbar#1{\ensuremath{\overline{#1}}}
\def\textquoted#1{‘#1’}
\def\textsmall#1{{\small #1}}
\def\textsubscript#1{\@textsubscript{\selectfont#1}}
\def\textxi{\ensuremath{\xi}}
\def\titlem{\itshape}
\newenvironment{biblfree}{}{\ifvmode\par\fi }
\newenvironment{bibl}{}{}
\newenvironment{byline}{\vskip6pt\itshape\fontsize{16pt}{18pt}\selectfont}{\par }
\newenvironment{citbibl}{}{\ifvmode\par\fi }
\newenvironment{docAuthor}{\ifvmode\vskip4pt\fontsize{16pt}{18pt}\selectfont\fi\itshape}{\ifvmode\par\fi }
\newenvironment{docDate}{}{\ifvmode\par\fi }
\newenvironment{docImprint}{\vskip 6pt}{\ifvmode\par\fi }
\newenvironment{docTitle}{\vskip6pt\bfseries\fontsize{22pt}{25pt}\selectfont}{\par }
\newenvironment{msHead}{\vskip 6pt}{\par}
\newenvironment{msItem}{\vskip 6pt}{\par}
\newenvironment{rubric}{}{}
\newenvironment{titlePart}{}{\par }

\newcolumntype{L}[1]{){\raggedright\arraybackslash}p{#1}}
\newcolumntype{C}[1]{){\centering\arraybackslash}p{#1}}
\newcolumntype{R}[1]{){\raggedleft\arraybackslash}p{#1}}
\newcolumntype{P}[1]{){\arraybackslash}p{#1}}
\newcolumntype{B}[1]{){\arraybackslash}b{#1}}
\newcolumntype{M}[1]{){\arraybackslash}m{#1}}
\definecolor{label}{gray}{0.75}
\def\unusedattribute#1{\sout{\textcolor{label}{#1}}}
\DeclareRobustCommand*{\xref}{\hyper@normalise\xref@}
\def\xref@#1#2{\hyper@linkurl{#2}{#1}}
\begingroup
\catcode`\_=\active
\gdef_#1{\ensuremath{\sb{\mathrm{#1}}}}
\endgroup
\mathcode`\_=\string"8000
\catcode`\_=12\relax

\usepackage[a4paper,twoside,lmargin=1in,rmargin=1in,tmargin=1in,bmargin=1in,marginparwidth=0.75in]{geometry}
\usepackage{framed}

\definecolor{shadecolor}{gray}{0.95}
\usepackage{longtable}
\usepackage[normalem]{ulem}
\usepackage{fancyvrb}
\usepackage{fancyhdr}
\usepackage{graphicx}
\usepackage{marginnote}

\renewcommand{\@cite}[1]{#1}


\renewcommand*{\marginfont}{\itshape\footnotesize}

\def\Gin@extensions{.pdf,.png,.jpg,.mps,.tif}

  \pagestyle{fancy}

\usepackage[pdftitle={3D Interfaces for Real Time Monitoring of Radwaste Storage},
 pdfauthor={}]{hyperref}
\hyperbaseurl{}

	 \paperwidth210mm
	 \paperheight297mm
              
\def\@pnumwidth{1.55em}
\def\@tocrmarg {2.55em}
\def\@dotsep{4.5}
\setcounter{tocdepth}{3}
\clubpenalty=8000
\emergencystretch 3em
\hbadness=4000
\hyphenpenalty=400
\pretolerance=750
\tolerance=2000
\vbadness=4000
\widowpenalty=10000

\renewcommand\section{\@startsection {section}{1}{\z@}%
     {-1.75ex \@plus -0.5ex \@minus -.2ex}%
     {0.5ex \@plus .2ex}%
     {\reset@font\Large\bfseries}}
\renewcommand\subsection{\@startsection{subsection}{2}{\z@}%
     {-1.75ex\@plus -0.5ex \@minus- .2ex}%
     {0.5ex \@plus .2ex}%
     {\reset@font\Large}}
\renewcommand\subsubsection{\@startsection{subsubsection}{3}{\z@}%
     {-1.5ex\@plus -0.35ex \@minus -.2ex}%
     {0.5ex \@plus .2ex}%
     {\reset@font\large}}
\renewcommand\paragraph{\@startsection{paragraph}{4}{\z@}%
     {-1ex \@plus-0.35ex \@minus -0.2ex}%
     {0.5ex \@plus .2ex}%
     {\reset@font\normalsize}}
\renewcommand\subparagraph{\@startsection{subparagraph}{5}{\parindent}%
     {1.5ex \@plus1ex \@minus .2ex}%
     {-1em}%
     {\reset@font\normalsize\bfseries}}


\def\l@section#1#2{\addpenalty{\@secpenalty} \addvspace{1.0em plus 1pt}
 \@tempdima 1.5em \begingroup
 \parindent \z@ \rightskip \@pnumwidth 
 \parfillskip -\@pnumwidth 
 \bfseries \leavevmode #1\hfil \hbox to\@pnumwidth{\hss #2}\par
 \endgroup}
\def\l@subsection{\@dottedtocline{2}{1.5em}{2.3em}}
\def\l@subsubsection{\@dottedtocline{3}{3.8em}{3.2em}}
\def\l@paragraph{\@dottedtocline{4}{7.0em}{4.1em}}
\def\l@subparagraph{\@dottedtocline{5}{10em}{5em}}
\@ifundefined{c@section}{\newcounter{section}}{}
\@ifundefined{c@chapter}{\newcounter{chapter}}{}
\newif\if@mainmatter 
\@mainmattertrue
\def\chaptername{Chapter}
\def\frontmatter{%
  \pagenumbering{roman}
  \def\thechapter{\@roman\c@chapter}
  \def\theHchapter{\roman{chapter}}
  \def\thesection{\@roman\c@section}
  \def\theHsection{\roman{section}}
  \def\@chapapp{}%
}
\def\mainmatter{%
  \cleardoublepage
  \def\thechapter{\@arabic\c@chapter}
  \setcounter{chapter}{0}
  \setcounter{section}{0}
  \pagenumbering{arabic}
  \setcounter{secnumdepth}{6}
  \def\@chapapp{\chaptername}%
  \def\theHchapter{\arabic{chapter}}
  \def\thesection{\@arabic\c@section}
  \def\theHsection{\arabic{section}}
}
\def\backmatter{%
  \cleardoublepage
  \setcounter{chapter}{0}
  \setcounter{section}{0}
  \setcounter{secnumdepth}{2}
  \def\@chapapp{\appendixname}%
  \def\thechapter{\@Alph\c@chapter}
  \def\theHchapter{\Alph{chapter}}
  \appendix
}
\newenvironment{bibitemlist}[1]{%
   \list{\@biblabel{\@arabic\c@enumiv}}%
       {\settowidth\labelwidth{\@biblabel{#1}}%
        \leftmargin\labelwidth
        \advance\leftmargin\labelsep
        \@openbib@code
        \usecounter{enumiv}%
        \let\p@enumiv\@empty
        \renewcommand\theenumiv{\@arabic\c@enumiv}%
	}%
  \sloppy
  \clubpenalty4000
  \@clubpenalty \clubpenalty
  \widowpenalty4000%
  \sfcode`\.\@m}%
  {\def\@noitemerr
    {\@latex@warning{Empty `bibitemlist' environment}}%
    \endlist}

\def\tableofcontents{\section*{\contentsname}\@starttoc{toc}}
\parskip0pt
\parindent1em
\def\Panel#1#2#3#4{\multicolumn{#3}{){\columncolor{#2}}#4}{#1}}
\newenvironment{reflist}{%
  \begin{raggedright}\begin{list}{}
  {%
   \setlength{\topsep}{0pt}%
   \setlength{\rightmargin}{0.25in}%
   \setlength{\itemsep}{0pt}%
   \setlength{\itemindent}{0pt}%
   \setlength{\parskip}{0pt}%
   \setlength{\parsep}{2pt}%
   \def\makelabel##1{\itshape ##1}}%
  }
  {\end{list}\end{raggedright}}
\newenvironment{sansreflist}{%
  \begin{raggedright}\begin{list}{}
  {%
   \setlength{\topsep}{0pt}%
   \setlength{\rightmargin}{0.25in}%
   \setlength{\itemindent}{0pt}%
   \setlength{\parskip}{0pt}%
   \setlength{\itemsep}{0pt}%
   \setlength{\parsep}{2pt}%
   \def\makelabel##1{\upshape ##1}}%
  }
  {\end{list}\end{raggedright}}
\newenvironment{specHead}[2]%
 {\vspace{20pt}\hrule\vspace{10pt}%
  \phantomsection\label{#1}\markright{#2}%

  \pdfbookmark[2]{#2}{#1}%
  \hspace{-0.75in}{\bfseries\fontsize{16pt}{18pt}\selectfont#2}%
  }{}
      \def\TheFullDate{2012-03-15 (revised: 15 March 2012)}
\def\TheID{\makeatother }
\def\TheDate{2012-03-15}
\title{3D Interfaces for Real Time Monitoring of Radwaste Storage}
\author{}\makeatletter 
\makeatletter
\newcommand*{\cleartoleftpage}{%
  \clearpage
    \if@twoside
    \ifodd\c@page
      \hbox{}\newpage
      \if@twocolumn
        \hbox{}\newpage
      \fi
    \fi
  \fi
}
\makeatother
\makeatletter
\thispagestyle{empty}
\markright{\@title}\markboth{\@title}{\@author}
\renewcommand\small{\@setfontsize\small{9pt}{11pt}\abovedisplayskip 8.5\p@ plus3\p@ minus4\p@
\belowdisplayskip \abovedisplayskip
\abovedisplayshortskip \z@ plus2\p@
\belowdisplayshortskip 4\p@ plus2\p@ minus2\p@
\def\@listi{\leftmargin\leftmargini
               \topsep 2\p@ plus1\p@ minus1\p@
               \parsep 2\p@ plus\p@ minus\p@
               \itemsep 1pt}
}
\makeatother
\fvset{frame=single,numberblanklines=false,xleftmargin=5mm,xrightmargin=5mm}
\fancyhf{} 
\setlength{\headheight}{14pt}
\fancyhead[LE]{\bfseries\leftmark} 
\fancyhead[RO]{\bfseries\rightmark} 
\fancyfoot[RO]{}
\fancyfoot[CO]{\thepage}
\fancyfoot[LO]{\TheID}
\fancyfoot[LE]{}
\fancyfoot[CE]{\thepage}
\fancyfoot[RE]{\TheID}
\hypersetup{citebordercolor=0.75 0.75 0.75,linkbordercolor=0.75 0.75 0.75,urlbordercolor=0.75 0.75 0.75,bookmarksnumbered=true}
\fancypagestyle{plain}{\fancyhead{}\renewcommand{\headrulewidth}{0pt}}

\date{}
\usepackage{authblk}

\providecommand{\keywords}[1]
{
\footnotesize
  \textbf{\textit{Index terms---}} #1
}

\usepackage{graphicx,xcolor}
\definecolor{GJBlue}{HTML}{273B81}
\definecolor{GJLightBlue}{HTML}{0A9DD9}
\definecolor{GJMediumGrey}{HTML}{6D6E70}
\definecolor{GJLightGrey}{HTML}{929497} 

\renewenvironment{abstract}{%
   \setlength{\parindent}{0pt}\raggedright
   \textcolor{GJMediumGrey}{\rule{\textwidth}{2pt}}
   \vskip16pt
   \textcolor{GJBlue}{\large\bfseries\abstractname\space}
}{%   
   \vskip8pt
   \textcolor{GJMediumGrey}{\rule{\textwidth}{2pt}}
   \vskip16pt
}

\usepackage[absolute,overlay]{textpos}

\makeatother 
      \usepackage{lineno}
      \linenumbers
      
\begin{document}

             \author[1]{Dr. Gianfranco  Vecchio}

             \author[2]{Paolo  Finocchiaro}

             \affil[1]{  Istituto Nazionale di Fisica Nucleare}

\renewcommand\Authands{ and }

\date{\small \em Received: 8 February 2012 Accepted: 3 March 2012 Published: 15 March 2012}

\maketitle


\begin{abstract}
        


This paper describes the design and development of a 3D interface in the framework of an application for the monitoring of a radioactive waste storage. It focuses on the description of software solutions by integrating different technologies. We used only free and open-source libraries to develop the 3D environment that were subsequently integrated into the existing web application developed used Java Server Faces. In order to implement 3D graphics we used Away3D, an open source 3D graphics engine for Adobe Flash, written in ActionScript 3 and runnable in every browser that utilizes Adobe Flash Player.

\end{abstract}


\keywords{Radiation monitoring, Radioactive waste, Interactive systems, Graphics Animation, Graphical models.}

\begin{textblock*}{18cm}(1cm,1cm) % {block width} (coords) 
\textcolor{GJBlue}{\LARGE Global Journals \LaTeX\ JournalKaleidoscope\texttrademark}
\end{textblock*}

\begin{textblock*}{18cm}(1.4cm,1.5cm) % {block width} (coords) 
\textcolor{GJBlue}{\footnotesize \\ Artificial Intelligence formulated this projection for compatibility purposes from the original article published at Global Journals. However, this technology is currently in beta. \emph{Therefore, kindly ignore odd layouts, missed formulae, text, tables, or figures.}}
\end{textblock*}


\let\tabcellsep& 	 	 		 
\section[{INTRODUCTION}]{INTRODUCTION}\par
his document wants to show a new useful way to display information from data collected in a harsh environment. An electronic system for radioactive waste monitoring was developed at INFN-LNS laboratory, as part of DMNR project \hyperref[b0]{[1]}. It consists of a network of sensors deployed around radwaste drums for the continuous detection of radiation \hyperref[b1]{[2]}. The sensors employed so far, specially developed for this case, are made of plastic scintillating fibers whose light is readout by means of pairs of Silicon Photomultipliers (SiPM). A counting system based on FPGA boards handles the data flow coming from groups of these sensors and sends it to the front-end of the application. A relational database system is used to store the historical data, and a dynamical web application was developed to explore the database and display the corresponding data in graphical form.\par
To improve the view of the storage following a database query we developed a 3D scene that shows the status of the whole plant at a glance \hyperref[b2]{[3]}, \hyperref[b3]{[4]}. We developed two kinds of 3D scenes: a representation of the whole plant with the possibility to navigate through the drums, and the detailed view of a single structure of three drums with fiber sensors around them. In this document we are going to describe a setup with up to three drums inside tower-like structures and arranged in chessboard fashion.\par
The first scenario is used to investigate the status of the repository in a user-selected time range, and to inspect every single drum by virtual navigation through the plant using mouse and keyboard, as shown in Fig.  {\ref 1}. 
\section[{Fig. 1 : 3D view of radioactive waste repository}]{Fig. 1 : 3D view of radioactive waste repository}\par
Once the user fills the date textboxes data coming from the database will color the drums in red, orange or green according to the corresponding alarm condition (Fig. \hyperref[fig_0]{2}).\par
Should there be no data in the database for the chosen time range, the drum will be drawn as grey. The colored drums can be clicked on by the user, in order to have a detailed view of its status (i.e. of all the sensors surrounding it).\par
The second scenario represents the detail of a single box containing the drum clicked in the previous scenario. It also draws the fiber sensors around each drum (four horizontal fibers in this sample case), and the interactivity consists on the possibility to rotate the tower to gain visual access to all the fibers and their alarm status. Clicking on a fiber one can get the plot of its counting rate in the time range selected. If one clicks on a drum the collective plot for the four fibers of that drum is shown in the same chart (Fig. \hyperref[fig_1]{3}).\par
Moreover, clicking on a drum a polar chart of the counting rate for each sensor will be shown, along with a chart indicating maximum, minimum and average counting rate values. In order to simulate the environment that we have to monitor as well as possible, we chose Adobe Flash for its powerfulness in the creation of complex interactive animations. Away3D \hyperref[b4]{[5]}- \hyperref[b7]{[8]} is a 3D graphic The navigation inside the nuclear repository is done by means of a camera, defined by Away3D, moved using mouse and keyboard. Away3D offers several different types of camera, that represent the viewer's position in space relative to the rest of the scene. For the scene representing the whole storage we used the default Camera3D that produces a standard front-facing perspective projection of the scene. Thanks to event handles and objects like MouseEvent3D and Keyboard Event , we were able to add some interactivity and better user experience. Hence, like in a computer game, by using the mouse and the arrow keys (or W-A-S-D keys) one can walk and look around every drum inside the environment.\par
As for the scene regarding the single tower box, which can be rotated using the mouse, we employed a different camera, the Hover Camera 3D, that allows the user to navigate each side of the box only changing some properties like distance and rotation angles.  
\section[{Clicking on a fiber or on a drum one can view the global counting rate chart}]{Clicking on a fiber or on a drum one can view the global counting rate chart}\par
Each object rendered to the scene was built from geometric elements like triangles and line segments. To make this mesh more realistic we had to build images to be set in the material property of each element. To make towers, drums and fibers we used the same Away3D primitive, the Cylinder, and then we used different material for every type of element.\par
Fig. \hyperref[fig_3]{4} shows the result of the storage plant before the application of materials in each element. We can see only the mesh that was used to build every object made by triangles and line segments, showed by default in different color by the 3D graphic engine. Furthermore, we were able to write text inside the interactive scenes, embedding the font inside an SWF object. We used text for orientation purposes and to view the ID of each element.\par
Finally, the possibility to pass some parameter to external resources, was achieved thanks to flash class ExternalInterface that enables straightforward communication between ActionScript and SWF containers, that in our case consisted of the XHTML page with JavaScript:\par
ExternalInterface.call("javascript\textunderscore function\textunderscore to\textunderscore cal l", parameters\textunderscore to\textunderscore pass\textunderscore to\textunderscore javascript); engine written for Adobe Flash platform in ActionScript 3 \hyperref[b8]{[9]} originally derived from Papervision3D. It was designed to be fast and extensible and allows the easy creation of various 3D objects with the use of its graphics primitives. Working on 3D coordinates and leveraging the object oriented nature of the language, we were able to build a realistic scene of our plant. We developed our project with Flash Develop \hyperref[b9]{[10]}, an opensource Integrated Development Environment to write and to compile Action Script code and to create Shockwave Flash objects (SWF). In our application we defined two composite components, one for each SWF object. They are simply XHTML files, implemented in JSF fashion, containing an interface and an implementation. JSF uses namespaces to include new tags to be used in the XHTML page, and for composite components the namespace is:\par
xmlns:cc="http://java.sun.com/jsf/composite"\par
The interface contains configurable features, like input and output data, whereas the implementation contains JSF tags needed to build the new component.\par
Inside the interface we declared variables that are needed to pass parameters between applications through the attribute tag: <cc:attribute name="drums">\par
In the implementation, instead, we embedded the flash object thanks to JavaScript and the open flash contents in HTML and XHTML pages, using only a small JavaScript file. It is more optimized and flexible than any other currently available method for the insertion of flash content and it is easy to use. Indeed, we need to use only this function to embed our SWF object:\par
swfobject.embedSWF(swfUrl, "800", "600", "11.1.0", flashvars);\par
This method accepts as parameters the URL of an SWF file, the size of the window that will show the flash content, the flash player version, and the flashVars variables that include data from Managed Bean. Fig. \hyperref[fig_4]{5} shows the schematic approach of this integration, describing the use and the configuration of composite components.\par
In order to use a composite component we only need to declare a namespace with the name of the directory that contains it: In order to retrieve these data, on the flash application side, we need to use only the LoaderInfo class from flash.display package:var data : Array = input ? input.split(/[\textasciicircum a-zA-Z0- 9\textbackslash -]+/) : [];\par
Server Faces \hyperref[b10]{[11]}, \hyperref[b11]{[12]} project and the data exchange between the two different technologies \hyperref[b12]{[13]}. The elements in the storage plant have to change according to the data coming from the database. Our web application contains a Java classes (the Managed Beans) that encapsulate the state of an object, and then stores all the data coming from the database after a user query. To pass data between Managed Beans and SWF objects we used JavaScript in conjunction with source script SWFObject \hyperref[b13]{[14]}. It offers methods to insert Hence, the data structure coming from flashVars variable, will be decrypted as a string, that we changed into an array structure for convenience.\par
To interact with the flash object, clicking on a fiber or on a drum, we needed the implementation of a bidirectional communication system, then of parameter passing between a flash object and a managed bean. For this reason we used JavaScript like an interface between the two different technologies. As seen in the II Chapter, with ActionScript 3 we only need to use the ExternalInterface class to call the JavaScript function that resides in the implementation section of composite component:\par
ExternalInterface.call("clickPlant", drums, camera Coordinates);\par
We pass two parameters to the JavaScript function: the ID of the clicked drum and the current camera coordinates to retain the position and orientation of the camera after navigation. Finally, these parameters will be associated to managed bean attributes through hidden input text called by JavaScript: clickPlant = function(drum, camera)\{ document.getElementById("\$\{cc.clientId\}:for m:drumSelected").value=drum; document.getElementById("\$\{cc.clientId\}:for m:cameraCoordinates").value=camera; \} <h:form id="form" style="display:none"> <h:inputHidden id="drumSelected" value="\#\{event3d.drumSelected\}"/> <h:inputHidden id="cameraCoordinates" value="\#\{event3d.cameraCoordinates\}"/> </h:form> At this point, with managed bean attributes set, we can show the charts related to the clicked drum or fiber in the traditional manner in JSF paradigm.\par
In this paper we presented a new candidate system to show and to monitor a radioactive waste storage plant with 3D graphics interactions. It is useful to have a simulated perception of the waste storage at a glance, and a realistic way to see the elements that belong to the repository.\par
We investigated how to take advantage of new features in JSF 2.0, as composite components, and integrate Flash into our JSF application. These new capabilities in JSF free us from the need to take care about data encoding and decoding for transfer. Furthermore, to pass variables and parameters we used JavaScript variables and methods, that allow an easy way to exchange data between JSF and Flash.\par
Finally, to embed the flash content we used SWFObject, that detects the Flash Player version and determines whether Flash content or alternative content should be shown, to prevent outdated Flash plugins to break Flash content. It offers a simple way to embed Flash content and it is more optimized and flexible than any other Flash Player embed method around.\par
The future work will consist of the graphic representation of different sectors of larger repositories, to be shown dynamically depending on the user selection. Moreover, we will investigate about additional graphical improvements, especially with the use of the new release of Away3D, the version 4.0, which will completely support the release 11 of Adobe Flash Player. Indeed, the latest version of this plugin allows to take full advantage from graphic acceleration of the Graphics Processing Unit, releasing the CPU from such a heavy computational task.\par
A possible improvement will consist in correlating the virtual navigation procedure with a real inspection performed by means of a robotic arm, currently under development, equipped with a CCD color camera and a spectroscopic gamma ray detector A pilot DMNR system, which will include the 3D virtual navigation interface described in this paper, is going to be installed soon for tests in a real radioactive waste storage site. \begin{figure}[htbp]
\noindent\textbf{2}\includegraphics[]{image-2.png}
\caption{\label{fig_0}Fig. 2 :}\end{figure}
 \begin{figure}[htbp]
\noindent\textbf{3}\includegraphics[]{image-3.png}
\caption{\label{fig_1}Fig. 3 :}\end{figure}
 \begin{figure}[htbp]
\noindent\textbf{4}\includegraphics[]{image-4.png}
\caption{\label{fig_3}Fig. 4 :}\end{figure}
 \begin{figure}[htbp]
\noindent\textbf{5}\includegraphics[]{image-5.png}
\caption{\label{fig_4}Fig. 5 :}\end{figure}
 \begin{figure}[htbp]
\noindent\textbf{}\includegraphics[]{image-6.png}
\caption{\label{fig_5}}\end{figure}
 			\footnote{© 2012 Global Journals Inc. (US) Global Journal of Computer Science and Technology} 			\footnote{© 2012 Global Journals Inc. (US)} 		 		\backmatter   			 \par
We are indebted with L. Cosentino, A. Pappalardo and S. Scirè for their constant support and encouragement. Special thanks to S. Cavallaro, S. Pulvirenti, E. Furia and B. Diana for the fruitful discussions. 			  			  				\begin{bibitemlist}{1}
\bibitem[Away3d and Available]{b4}\label{b4} 	 		\textit{},  		 			Away3d 		,  		 			Available 		.  		 \url{http://away3d.com}  		 	 
\bibitem[Flashdevelop and Available]{b9}\label{b9} 	 		\textit{},  		 			Flashdevelop 		,  		 			Available 		.  		 \url{http://www.flashdevelop.org/}  		 	 
\bibitem[ Java Server Faces Technology]{b11}\label{b11} 	 		\textit{},  		 \url{http://www.oracle.com/technetwork/java/javaee/javaserverfaces-139869.html}  	 	 		\textit{Java Server Faces Technology}  		 	 
\bibitem[Swfobject and Available]{b13}\label{b13} 	 		\textit{},  		 			Swfobject 		,  		 			Available 		.  		 \url{http://code.google.com/p/swfobject/}  		 	 
\bibitem[
			Adobe
		 ()]{b8}\label{b8} 	 		\textit{Adobe Flex 3 Programming ActionScript 3},  		 			Adobe 		.  		 \url{http://livedocs.adobe.com/flex/3/progAS\textunderscore flex3.pdf}  		2008.  	 
\bibitem[Ivanov (2011)]{b7}\label{b7} 	 		\textit{Away3D 3.6 Cookbook},  		 			M Ivanov 		.  		June 2011. PACKT.  	 
\bibitem[Casperson (2011)]{b6}\label{b6} 	 		\textit{Away3D 3.6 Essentials},  		 			M Casperson 		.  		February 2011. PACKT.  	 
\bibitem[Hu et al. (2011)]{b3}\label{b3} 	 		‘Design of web-based 3D control laboratory’.  		 			Wenshan Hu 		,  		 			Hong Zhou 		,  		 			Qijun Deng 		.  	 	 		\textit{2nd International Conference on Intelligent Control and Information Processing (ICICIP)},  				July 2011.  	 
\bibitem[Finocchiaro]{b0}\label{b0} 	 		‘DMNR: a new concept for real-time online monitoring of short and medium term radioactive waste’.  		 			P Finocchiaro 		.  	 	 		\textit{Radioactive Waste: Sources, Types and Management},  				Nova Science Publishers.  	 	 (in press) 
\bibitem[Geary and Horstmann (2010)]{b10}\label{b10} 	 		 			D Geary 		,  		 			C Horstmann 		.  		\textit{Core JavaServer Faces},  				June 2010. Prentice hall.  	 	 (3rd ed.) 
\bibitem[Predisposal Management of Low and Intermediate Level Radioactive Waste, IAEA Safety Guide]{b1}\label{b1} 	 		\textit{Predisposal Management of Low and Intermediate Level Radioactive Waste, IAEA Safety Guide},  		 WS-G- 2.5.  		 	 
\bibitem[Scirè]{b14}\label{b14} 	 		\textit{Studio di un sistema robotizzato per il monitoraggio di depositi di scorie radioattive},  		 			Carlotta Scirè 		,  		 			Scappuzzo 		.  		 \url{http://www.lns.infn.it/index.php?option=com\textunderscore docman\&task=doc\textunderscore download\&gid=244\&Itemid=143}  		 	 
\bibitem[Bateman and Olsson (2010)]{b5}\label{b5} 	 		\textit{The Essential Guide to 3D in Flash},  		 			R Bateman 		,  		 			R Olsson 		.  		June 2010.  		 			Friends of ED 		 	 
\bibitem[Lai (2011)]{b12}\label{b12} 	 		\textit{Using Adobe Flex and JavaFX with JavaServer Faces 2.0},  		 			Re Lai 		.  		 \url{http://www.oracle.com/technetwork/java/lai-flex-javafx-jsf-301278.html}  		March 2011.  	 
\bibitem[Gu et al. (2010)]{b2}\label{b2} 	 		‘Virtual Interactive Online Exhibition Architecture in E-Commerce based on Flash 3D and Flex’.  		 			Chengjie Gu 		,  		 			Shunyi Zhuang 		,  		 			Zailong Zhang 		,  		 			Pan Wang 		.  	 	 		\textit{2nd International Conference on e-Business and Information System Security},  				May 2010.  	 
\end{bibitemlist}
 			 		 	 
\end{document}
