index.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!DOCTYPE html>
  2. <!--
  3. Licensed to the Apache Software Foundation (ASF) under one
  4. or more contributor license agreements. See the NOTICE file
  5. distributed with this work for additional information
  6. regarding copyright ownership. The ASF licenses this file
  7. to you under the Apache License, Version 2.0 (the
  8. "License"); you may not use this file except in compliance
  9. with the License. You may obtain a copy of the License at
  10. http://www.apache.org/licenses/LICENSE-2.0
  11. Unless required by applicable law or agreed to in writing,
  12. software distributed under the License is distributed on an
  13. "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  14. KIND, either express or implied. See the License for the
  15. specific language governing permissions and limitations
  16. under the License.
  17. -->
  18. <html>
  19. <head>
  20. <!--
  21. Customize this policy to fit your own app's needs. For more guidance, see:
  22. https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
  23. Some notes:
  24. * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
  25. * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
  26. * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
  27. * Enable inline JS: add 'unsafe-inline' to default-src
  28. -->
  29. <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
  30. <meta name="format-detection" content="telephone=no">
  31. <meta name="msapplication-tap-highlight" content="no">
  32. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
  33. <link rel="stylesheet" href="themes/bluerelax.css" />
  34. <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
  35. <link rel="stylesheet" href="themes/jquery.mobile.structure-1.4.5.min.css" />
  36. <script src="vendor/jquery-2.2.3.min.js"></script>
  37. <script src="vendor/jquery.mobile-1.4.5.min.js"></script>
  38. <link rel="stylesheet" type="text/css" href="css/index.css">
  39. <title>share fine</title>
  40. </head>
  41. <body>
  42. <div data-role="page" data-theme="a">
  43. <div data-role="content" data-theme="a">
  44. <!--poi facciamo in modo che venga nascosto questo paragrafo: Istruzioni e perchè:-->
  45. <h1>Semplifichiamoci la vita!</h1>
  46. <h2>Usiamo insieme una cosa e sfruttiamo uno software per calcolare le quote che ciascuno di noi deve per l'utilizzo della nostra risorsa in comune</h2>
  47. <pre>Gestione comune di un bene</pre>
  48. <p>Per esempio: abbiamo un camper e lo vogliamo usare in 4. Sappiamo che ogni anno paghiamo 600 euro di assicurazione, 100 euro di bollo e circa 600 euro di manutenzione (cambio gomme o olio o imprevisti). Quindi ad inizio accordo necessitiamo di 600+100+600 diviso 4 persone = 325 euro a testa, che versiamo subito nella cassa comune. La cifra versata è per circa 90 giorni d'uso a testa (365 diviso 4, ovvero i partecipanti).</p>
  49. <p>A fine stagione o a fine anno, facciamo però i conguagli, ovvero, chi lo ha usato di più da qualche soldo a chi lo ha usato di meno. Per esempio, Giulia lo ha usato 23 giorni, Giacomo e consorte 14 giorni, Mirco e figli 12 giorni, mentre Lucia, che è una appassionata di pesca, lo ha usato 200 giorni. Sono rimasti 116 giorni di inutilizzo, che vanno divisi equamente tra tutti i partecipanti all'accordo.</p>
  50. <p>Quindi abbiamo le quote di uso esclusivo per singolo giorno: ;
  51. <br/>e le quote singole per i giorni di inutilizzo: .
  52. ShareFine ogni volta che gli chiedi il conguaglio ti fa la differenza tra quello che hai versato come quota iniziale e quello che devi al gruppo in base al reale utilizzo che ne hai fatto del mezzo, senza dimenticare i giorni in cui è stato fermo e che quindi pagano tutti.</p>
  53. <h2>Riassunto</h2>
  54. <p>Per impostare la condivisione ti verrà chiesto all'inizio:</p>
  55. <ul>
  56. <li>quali sono le spese annuali</li>
  57. <li>una quota annuale per la manutenzione del bene</li>
  58. <li>quanti siete che lo condividete</li>
  59. </ul>
  60. <p>Man mano dovrete raccogliere queste informazioni:</p>
  61. <ul>
  62. <li>quanto versa ognuno</li>
  63. <li>quanti giorni di utilizzo di ognuno</li>
  64. </ul>
  65. <small>Potrebbe bastare un diario o calendario tenuto vicino al mezzo o in garage</small>
  66. <p>ShareFine ti da questi risultati:</p>
  67. <ul>
  68. <li>quote da versare all'inizio</li>
  69. <li>i conguagli in base all'uso</li>
  70. </ul>
  71. <p>Non abbiamo considerato la benzina perchè ognuno dovrà pagare la sua, possiamo consigliare per nostra esperienza, che è sempre meglio accordarsi per lasciarlo con il pieno quando lo si rimette nel parcheggio concordato. Tutte le altre questioni: pulizia, accessori, prenotazioni e provviste ... vi consigliamo di risolvere parlandosi piuttosto che utilizzando un PC! Se avete commenti, vi piace, vorreste farlo meglio, scrivete a sharefine@digitigrafo.it</p>
  72. <label for="slider1">Input slider:</label>
  73. <input type="range" name="slider1" id="slider1" value="50" min="0" max="100" data-theme="a" />
  74. <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
  75. <legend>Settings:</legend>
  76. <input type="radio" name="radio-choice-a1" id="radio-choice-a1" value="on" checked="checked" />
  77. <label for="radio-choice-a1">On</label>
  78. <input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off" />
  79. <label for="radio-choice-b1">Off</label>
  80. </fieldset>
  81. </div>
  82. </div>
  83. <!--div class="app">
  84. <h1>Apache Cordova</h1>
  85. <div id="deviceready" class="blink">
  86. <p class="event listening">Connecting to Device</p>
  87. <p class="event received">Device is Ready</p>
  88. </div>
  89. </div-->
  90. <script type="text/javascript" src="cordova.js"></script>
  91. <script type="text/javascript" src="js/index.js"></script>
  92. </body>
  93. </html>