<?xml version="1.0" encoding="ISO-8859-1"?>
<ncl id="mainprog" xmlns="http://www.ncl.org.br/NCL3.0/EDTVProfile">
<head>
	
	<!-- Definicion de las regiones del programa -->
	<regionbase>
		<region id="VideoReg" height="100%" width="100%" zIndex="1"/>		<!-- Region correspondiente al video, toda la pantalla -->
		<region id="TriviaReg" height="30%" width="100%" bottom="0%">		<!-- Region para desplegar la info de las preguntas -->
			<!-- Se maneja cada elemento (preguntas, alternativas, etc) en una subregion separada -->
			<region id="TitleRegBg" height="15%" width="70%" left="10%" top="0%" zIndex="2"/>
			<region id="TitleReg" height="15%" width="70%" left="10%" top="0%" zIndex="3"/>
			<region id="QuestionReg" height="25%" width="90%" left="5%" right="5%" bottom="55%" zIndex="2"/>
			<region id="AnsRegA" height="20%" width="40%" left="5%" bottom="30%" zIndex="2"/>	
			<region id="AnsRegB" height="20%" width="40%" right="5%" bottom="30%" zIndex="2"/>
			<region id="AnsRegC" height="20%" width="40%" left="5%" bottom="5%" zIndex="2"/>
			<region id="AnsRegD" height="20%" width="40%" right="5%" bottom="5%" zIndex="2"/>
			<region id="PlotReg" height="62%" width="100%" bottom="20%" zIndex="3"/>
		</region>
		<region id="InvitationRegBg" height="5%" width="100%" bottom="0%" zIndex="2"/> <!-- Region para mensaje invitando a participar -->
		<region id="InvitationReg" height="5%" width="100%" bottom="0%" zIndex="3"/>
	</regionbase>
	
	<!-- Descriptores para las regiones anteriores. En los casos de corresponder a texto se asigna propiedades de font -->
	<descriptorBase>
		<descriptor id="VideoDes" region="VideoReg" />
		<descriptor id="TitleDes" region="TitleRegBg" />
		<descriptor id="TitleTextDes" region="TitleReg" >
			<descriptorParam name="fontSize" value="18"/>
			<descriptorParam name="fontColor" value="white"/>
		</descriptor>
		<descriptor id="QuestionDes" region="QuestionReg" />
		<descriptor id="AnsADes" region="AnsRegA" />
		<descriptor id="AnsBDes" region="AnsRegB" />
		<descriptor id="AnsCDes" region="AnsRegC" />
		<descriptor id="AnsDDes" region="AnsRegD" />
		<descriptor id="PlotDes" region="PlotReg" />
		<descriptor id="InvitationDes" region="InvitationRegBg" />
		<descriptor id="InvitationTexDes" region="InvitationReg" >
			<descriptorParam name="fontSize" value="20"/>
			<descriptorParam name="fontColor" value="silver"/>
		</descriptor>
	</descriptorBase>
	
	<!-- Por simplicidad, se importan los conectores del archivo ConnectorBase.ncl -->
	<connectorBase>
		<importBase documentURI="ConnectorBase.ncl" alias="conector"/>
	</connectorBase>

</head>

<body>

	<!-- Distintos medios utilizados -->
	<media id="video" src="media/TheRoomTrailer.mp4" descriptor="VideoDes" >	<!-- Video: a los 3 seg se enviará una invitación a concursar -->
		<area id="areaInv" begin="3s" />
	</media>
	
	<media id="title" src="media/invitation.jpg" descriptor="TitleDes"> 	<!-- Fondo para la zona de texto con titlo e instrucciones -->
		<area id="20secArea" begin="20s" end="40s"/>	<!-- Se define aquí los 20 y 40 segundos delimitadores de etapas con un area -->
	</media>
	
	<media id="title_text_ques" src="media/title_question.txt" descriptor="TitleTextDes"/> <!-- Texto para el titulo inicial -->
	<media id="title_text_res" src="media/title_results.txt" descriptor="TitleTextDes"/> <!-- Texto para titulo al desplegar resultados -->

	<media id="question" src="media/question.lua" descriptor="QuestionDes"/> <!-- Scipt lua para desplegar la pregunta -->
	<media id="ansA" src="media/ansA.lua" descriptor="AnsADes"/>	<!-- Scripts lua para desplegar las alternativas A,B,C,D -->
	<media id="ansB" src="media/ansB.lua" descriptor="AnsBDes"/> 
	<media id="ansC" src="media/ansC.lua" descriptor="AnsCDes"/>
	<media id="ansD" src="media/ansD.lua" descriptor="AnsDDes"/>

	<media id="invitation" src="media/invitation.jpg" descriptor="InvitationDes" > 	<!-- Invitación a participar de la pregunta -->
		<property name="explicitDur" value="20s"/>
	</media>
	<media id="inv_text" src="media/text.txt" descriptor="InvitationTexDes" >		<!-- Texto asociado -->		
			<property name="explicitDur" value="20s"/>
	</media>
	
	<media id="invitation2" src="media/invitation.jpg" descriptor="InvitationDes"/> <!-- Invitación a participar mas adelante -->
	<media id="inv_text2" src="media/text2.txt" descriptor="InvitationTexDes"/> <!-- Texto asociado -->

	<media id="ans_text" src="media/title_answered.txt" descriptor="TitleTextDes"/>	<!-- Texto para titulo luego de contestar -->
	
	<media id="respondA" src="media/respA.lua" descriptor="QuestionDes"/>	<!-- Scripts lua para enviar la respuesta A,B,C,D escogida -->
	<media id="respondB" src="media/respB.lua" descriptor="QuestionDes"/>
	<media id="respondC" src="media/respC.lua" descriptor="QuestionDes"/>
	<media id="respondD" src="media/respD.lua" descriptor="QuestionDes"/>
	
	<media id="results" src="media/answers.lua" descriptor="PlotDes"/>	<!-- Script lua para desplegar las respuestas en un gráfico -->

	<port id="pentrada" component="video" />	<!-- Port de comienzo: el video -->
	
	<!-- Enviar la invitación pasados los primeros 3 segundos -->
	<link xconnector="conector#onBeginStartN" id="InvLink">
    	<bind role="onBegin" component="video" interface="areaInv"/>
        <bind role="start" component="invitation" />
	   	<bind role="start" component="inv_text" />
    </link>
    
    <!-- Si se presiona verde (acepta participar) se despliega la pregunta y sus alternativas -->
    <link xconnector="conector#onKeySelectionStartNStopN" id="invite">
    	<bind role="onSelection" component="inv_text"/>
         <linkParam name="keyCode" value="GREEN"/>
          <bind role="stop" component="inv_text"/>
          <bind role="stop" component="invitation"/> 
          <bind role="start" component="title"/>
          <bind role="start" component="title_text_ques"/>     	
          <bind role="start" component="question"/>
          <bind role="start" component="ansA"/>
          <bind role="start" component="ansB"/>
          <bind role="start" component="ansC"/>
          <bind role="start" component="ansD"/>
    </link>
 
    <!-- Si se presiona A, se envía "A" como respuesta al servidor y se borran las demás alternativas -->
	<link xconnector="conector#onKeySelectionStartNStopN" id="respond_a">
		<bind role="onSelection" component="title_text_ques"/>
		 <linkParam name="keyCode" value="RED"/> 
		<bind role="stop" component="ansB"/>
		<bind role="stop" component="ansC"/>
		<bind role="stop" component="ansD"/>
		<bind role="stop" component="question"/>
		<bind role="stop" component="title_text_ques"/>
		<bind role="start" component="ans_text"/>
		<bind role="start" component="respondA"/>
	</link>
 
     <!-- Si se presiona B, se envía "B" como respuesta al servidor y se borran las demás alternativas -->
	<link xconnector="conector#onKeySelectionStartNStopN" id="respond_b">
		<bind role="onSelection" component="title_text_ques"/>
		 <linkParam name="keyCode" value="GREEN"/> 
		<bind role="stop" component="ansA"/>
		<bind role="stop" component="ansC"/>
		<bind role="stop" component="ansD"/>
		<bind role="stop" component="question"/>
		<bind role="stop" component="title_text_ques"/>
		<bind role="start" component="ans_text"/>
		<bind role="start" component="respondB"/>
	</link>
	
    <!-- Si se presiona C, se envía "C" como respuesta al servidor y se borran las demás alternativas -->	
	<link xconnector="conector#onKeySelectionStartNStopN" id="respond_c">
		<bind role="onSelection" component="title_text_ques"/>
		 <linkParam name="keyCode" value="YELLOW"/> 
		<bind role="stop" component="ansA"/>
		<bind role="stop" component="ansB"/>
		<bind role="stop" component="ansD"/>
		<bind role="stop" component="question"/>
		<bind role="stop" component="title_text_ques"/>
		<bind role="start" component="ans_text"/>
		<bind role="start" component="respondC"/>
	</link>
	
    <!-- Si se presiona D, se envía "D" como respuesta al servidor y se borran las demás alternativas -->	
	<link xconnector="conector#onKeySelectionStartNStopN" id="respond_d">
		<bind role="onSelection" component="title_text_ques"/>
		 <linkParam name="keyCode" value="BLUE"/>
		<bind role="stop" component="ansA"/>
		<bind role="stop" component="ansB"/>
		<bind role="stop" component="ansC"/>
		<bind role="stop" component="question"/>
		<bind role="stop" component="title_text_ques"/>
		<bind role="start" component="ans_text"/>
		<bind role="start" component="respondD"/>
	</link>
	
	<!-- Pasados 20 segundos, se detiene todo lo anterior y se despliega los resultados en forma de gráfico -->
	<link xconnector="conector#onBeginStartNStopN" id="res">
    	<bind role="onBegin" component="title" interface="20secArea"/>
        <bind role="stop" component="ans_text"/>
		<bind role="stop" component="ansA"/>
		<bind role="stop" component="ansB"/>
		<bind role="stop" component="ansC"/>
		<bind role="stop" component="ansD"/>
		<bind role="stop" component="title_text_ques"/>
       	<bind role="stop" component="respondA"/>
       	<bind role="stop" component="respondB"/>
       	<bind role="stop" component="respondC"/>
       	<bind role="stop" component="respondD"/>
       	<bind role="stop" component="question"/>       	
        <bind role="start" component="title_text_res"/>
        <bind role="start" component="results"/>
        <bind role="start" component="invitation2"/>
        <bind role="start" component="inv_text2" />
    </link>
    
    <!-- Pasados 20 segundos más, se borra todo de la pantalla, finalizando la pregunta interactiva y la aplicación -->
    <link xconnector="conector#onEndStopN" id="end">
    	<bind role="onEnd" component="title" interface="20secArea"/>
        <bind role="stop" component="title_text_res"/>
        <bind role="stop" component="results"/>
        <bind role="stop" component="invitation2"/>
        <bind role="stop" component="inv_text2" />    
        <bind role="stop" component="title"/>
    </link>
	
</body>
</ncl>