{% 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, ad esempio TIM, Vodafone ecc.</li>
        <li>Le aziende che offrono contenuti web, chiamate Content Providers ad esempio Netflix, Sky, ecc. </li>
        <li>Gli utenti finali, che per accedere ai contenuti offerti dai Content Providers dovranno sottoscrivere un contratto con un Internet Service Provider.</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 Internet Service Provider e di Content Provider. </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> Prontophone (Internet Service Provider)</li>
        <li> Cellecom  (Internet Service Provider)</li>
        <li> Moviestream (Content Provider)</li>
        <li> Sportstream (Content Provider)</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 Content Provider (Moviestream e Sportstream). Ma per poter accedere a questi servizi devono anche sottoscrivere un contratto con un Internet Service Provider.</p>
<p class="text-justify"> Gli Internet Service Provider (Prontophone e Cellecom)  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 Moviestream +1 punto per ogni Gb extra di Sportstream."
<p class="text-justify"> Gli Internet Service Provider possono decidere di fare un'offerta detta di "zero rating"  a uno dei due Content Provider. Questa offerta fa sì che per i contenuti di quel Content Provider 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 Prontophone offre lo zero rating a Moviestream, la tariffa precendente diventa: <p class="text-justify">"20 punti/mese + <b> 0 punti per ogni Gb extra di Moviestream </b> +1 punto per ogni Gb extra di Sportstream."</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 %}