{% 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> ISTRUZIONI 2 </h3>
      </div>
    </div>
  </div>
<div class="container">
  <div class="row">

    <div class="col-sm">


<font size="4">

      <p class="text-justify"> In questo esperimento si riprodurrà il mercato per servizi di comunicazione e streaming via web.</p>
      <p class="text-justify"> Il mercato è costituito da tre tipologie di soggetti:</p>
      <p class="text-justify"><ul>
        <li>Le piattaforme fornitrici di servizi internet, chiamate Internet Service Providers (d'ora in poi  ISP), ad esempio TIM, Vodafone ecc.</li>
        <li>Le aziende che offrono contenuti web, chiamate Content Providers (d'ora in poi CP) ad esempio Netflix, Sky, ecc. </li>
        <li>Gli utenti finali, che per accedere ai contenuti offerti dai CP dovranno sottoscrivere un contratto con un ISP.</li>
      </ul>
      </p>
&nbsp
      <p class="text-justify"> La figura qui sotto descrive il funzionamento del mercato. </p>
          <img src="{% static "faillo_content/figura1.jpg" %}" class="rounded mx-auto d-block" />
&nbsp

      <p class="text-justify"> Ai partecipanti a questo esperimento verranno assegnati i ruoli di ISP o CP. </p>
      <p class="text-justify"> Gli utenti finali sono 10000, identici tra loro e saranno simulati dal software attraverso un un utente rappresentativo che farà le scelte per tutti i 10000 utenti. </p>

&nbsp

      <p class="text-justify"> <b> Assegnazione dei ruoli e gruppi. </b> </p>
      <p class="text-justify"> All'inizio dell'esperimento verrai assegnato a un gruppo costituito da te e da altre 3 persone.</p>
      <p class="text-justify"> Ai membri del gruppo verranno assegnati in maniera casuale i seguenti ruoli (vedi figura sotto).</p>

      <p class="text-justify"><ul>
        <li> Internet Service Provider A (ISP A)</li>
        <li> Internet Service Provider B (ISP B)</li>
        <li> Content Provider 1 (CP 1)</li>
        <li> Content Provider 2 (CP 2)</li>
      </ul>
      </p>

&nbsp
  <img src="{% static "faillo_content/figura2.jpg" %}" class="rounded mx-auto d-block" />
&nbsp
<p class="text-justify"> Gli utenti pagano un prezzo per accedere ai contenuti offerti dai CP (es. abbonamento a Nexflix). Ma per poter accedere a questi servizi devono anche sottoscrivere un contratto con un fornitore di servizi web (ISP).</p>
<p class="text-justify"> Gli ISP  offrono diverse tariffe. Ciascuna tariffa è costituità da un costo fisso, che permette di consumare una certa quantità (soglia) di Gb di dati, più un costo aggiuntivo per ogni Gb consumato oltre la soglia per ciascun contenuto.</p>
<p class="text-justify"> Ad esempio una tariffa potrebbe essere la seguente (ricorda che i pagamenti sono espressi in punti) </p> <p class="text-justify">"20 punti/mese per 15 Gb+ 1 punto per ogni Gb extra di CP 1 +1 punto per ogni Gb extra di CP 2."
<p class="text-justify"> Gli ISP possono decidere di fare un'offerta detta di "zero rating"  a uno dei due CP. Questa offerta fa sì che per i contenuti di quel CP gli utenti pagheranno solo la quota fissa e non pagheranno il prezzo extra per i Gb oltre la soglia. </p>
<p class="text-justify"> Quindi, se per esempio ISP A offre lo zero rating a CP 1, la tariffa precendente diventa: <p class="text-justify">"20 punti/mese + <b> 0 punti per ogni Gb extra di CP 1 </b> +1 punto per ogni Gb extra di CP 2."</p>
<p class="text-justify"> Premi il bottone per proseguire</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"> PROCEDI </button>

	</div>

 </div>



	</div>
</div>

	</div>
</div>

</div>
{% endblock %}




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

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

</script>



{% endblock %}