{% extends "global/Page.html" %}
{% load otree static %}

{% block content %}

<div class="card bg-light instructions">
    <div class="card-body">

<!-- ISTRUZIONI-->


 <div class="row">
    <div class="col-sm-12">
      <div class="alert alert-primary" role="alert" style="text-align:center">
        <h3> INSTRUCCIONES 2 </h3>
      </div>
    </div>
  </div>
<div class="container">
  <div class="row">

    <div class="col-sm">


<font size="4">

      <p class="text-justify"> En este experimento, se reproducirá el mercado de Internet.</p>
      <p class="text-justify"> El mercado está formado por tres tipos de actores:</p>
      <p class="text-justify"><ul>
        <li>Las plataformas que prestan servicios de Internet, llamadas proveedores de servicios de Internet, por ejemplo, Orange, Vodafone, etc.</li>
        <li>Empresas que ofrecen contenidos en la web, denominadas proveedores de contenidos, por ejemplo, Netflix, Sky, etc.</li>
        <li>Los usuarios finales, que tendrán que firmar un contrato con un proveedor de servicios de Internet para poder acceder a los contenidos ofrecidos por los proveedores de contenidos.</li>
      </ul>
      </p>
&nbsp
      <p class="text-justify"> La siguiente figura describe el funcionamiento del mercado.</p>
          <img src="{% static "faillo_content_spanish_pract/figura1.jpg" %}" class="rounded mx-auto d-block" />
&nbsp

      <p class="text-justify"> A los participantes en este experimento se les asignarán los papeles de proveedor de servicios de Internet y proveedor de contenidos. </p>
      <p class="text-justify">Los usuarios finales son 10000, idénticos entre sí, y serán simulados por el programa informático a través de un usuario representativo que tomará las decisiones de los 10000 usuarios. </p>

&nbsp

      <p class="text-justify"> <b> Asignación de roles y grupos </b> </p>
      <p class="text-justify"> Al principio del experimento se le asignará un grupo formado por usted y otras tres personas.</p>
      <p class="text-justify"> A los miembros del grupo se les asignarán aleatoriamente los siguientes roles (véase la figura siguiente).</p>

      <p class="text-justify"><ul>
        <li> Prontophone (proveedor de servicios de Internet)</li>
        <li> Cellecom (proveedor de servicios de Internet)</li>
        <li> Moviestream (proveedor de contenidos)</li>
        <li> Sportstream (proveedor de contenidos)</li>
      </ul>
      </p>

&nbsp
  <img src="{% static "faillo_content_spanish_pract/figura2.jpg" %}" class="rounded mx-auto d-block" />
&nbsp
<p class="text-justify"> Los usuarios pagan un precio para acceder a los contenidos ofrecidos por los proveedores de contenidos (Moviestream y Sportstream). Sin embargo, para acceder a estos servicios, también tienen que firmar un contrato con un proveedor de servicios de Internet.</p>
<p class="text-justify"> Los proveedores de servicios de Internet (Prontophone y Cellecom) ofrecen diferentes tarifas. Cada tarifa consiste en un coste fijo que permite consumir una determinada cantidad (umbral) de Gb de datos, más un coste adicional por cada Gb consumido por encima del límite contratado de Gb.</p>
<p class="text-justify">Por ejemplo, una tarifa podría ser la siguiente (recuerde que los pagos se expresan en puntos) </p> <p class="text-justify">"20 puntos/mes por 15 Gb+ 1 punto por cada Gb extra de Moviestream +1 punto por cada Gb extra de Sportstream".
<p class="text-justify"> Los proveedores de servicios de Internet pueden decidir hacer una oferta de "zero-rating" a uno de los dos proveedores de contenidos. Esta oferta significa que por los contenidos de ese Proveedor de Contenidos los usuarios sólo pagarán la cuota fija y no pagarán el precio extra por los Gb que superen el límite.</p>
<p class="text-justify">Así, si, por ejemplo, Prontophone ofrece zero rating a Moviestream, el tipo vigente pasa a ser: <p class="text-justify">"20 puntos/mes + <b> 0 puntos por cada Gb extra de Moviestream </b>+1 punto por cada Gb extra de Sportstream".</p>
<p class="text-justify">Pulse el botón para continuar</p>



&nbsp
<!--		BOTTONE PROSEGUI	2	-->
 <div class="row">
    <div class="col-sm-12 text-center">
    <button type="button" id = "btn_submit" class="btn btn-outline-primary btn-lg"> CONTINUAR</button>

	</div>

 </div>



	</div>
</div>

	</div>
</div>

</div>
{% endblock %}




{% block scripts %}
	<script>
		$(document).ready(function(){
		});

		$("#btn_submit").click(function(){
			$("#form").submit()
	  	});

</script>



{% endblock %}