-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
152 lines (126 loc) · 8.38 KB
/
index.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html dir="ltr" lang="fr-FR">
<head>
<!--[if IE]> <![endif]--> <!-- pour la perf -->
<meta charset="UTF-8" />
<title>Spoiled People - Listes cadeaux</title>
<meta name="description" content="Spoiled People : projet d'application et de site pour les listes cadeaux" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/tinytypo.css" />
<link rel="stylesheet" href="css/custom.css" />
<link href='http://fonts.googleapis.com/css?family=Salsa' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
</head>
<body>
<div id="page">
<div id="pageHeader">
<h1><img src="assets/logo-500.jpg" alt="Spoiled People" width="500" height="218" /></h1>
</div><!-- /pageHeader -->
<div id="pageContent">
<nav><p>Sommaire :</p>
<ul>
<li><a href="#titre-EnDeuxMots">En deux mots</a></li>
<li><a href="#titre-Lancement">Le lancement</a></li>
<li><a href="#titre-CharteQualite">Charte de qualité</a></li>
<li><a href="#titre-Conception">Conception</a></li>
<li><a href="#titre-Licence">Licence</a></li>
</ul>
</nav>
<p class="incise"><span lang="en">Spoiled People</span> n'a pas trouvé ses développeurs et le projet n'a toujours pas été concrétisé des années après. <br />
Par contre, <a href="https://www.cherpapanoel.fr/">Cher Papa Noël</a> existe, lui.
<br />À la différence de ce que <span lang="en">Spoiled People</span> aurait voulu devenir, c'est un outil propriétaire, mais c'est développé par Tilt Studio et ce sont des gens chouettes.</p>
<h2 id="titre-EnDeuxMots">En deux mots</h2>
<p><span lang="en">Spoiled People</span> permet de <strong>gérer des listes de cadeaux</strong>, pour soi ou pour les autres. <span lang="en">Spoiled People</span> est géré via une <strong>application</strong>, un <strong>site web</strong> et un <strong>bookmarklet</strong>.</p>
<p><span lang="en">Spoiled People</span> est un projet communautaire développé via <a href="https://github.com/Spoiled-People">GitHub</a>.</p>
<h2 id="titre-Lancement">Le lancement</h2>
<p><span lang="en">Spoiled People</span> est un projet initié via un <a href="http://articles.nissone.com/2013/11/projet-liste-cadeaux-github/">billet de blog</a> et la présentation ci-dessous :</p>
<blockquote>
<p>Bien qu'il y en ait déjà beaucoup — et certaines développées par des grands acteurs du web — aucune ne réunit toutes les fonctionnalités que je cherche (<a href="https://docs.google.com/spreadsheet/ccc?key=0AmBnkP3szp3MdEZWT0RZaWRtZnNuekhaWl9ZTjhXaHc&usp=sharing">Benchmark</a>).</p>
<p>Si j'ai une idée précise des fonctionnalités et que je peux faire la conception, si je peux me charger d'une partie du design, je n'ai par contre pas les capacités de faire le développement. D'où un projet GitHub dans l'idée de faire du participatif et de l'open source.</p>
</blockquote>
<p>-- <a href="http://nissone.com/">Delphine M.</a></p>
<p>L'idée de le créer via GitHub vient d'une conversation sur Twitter et en particulier d'<a href="https://twitter.com/L_Demontiers/status/395076897429676032">une suggestion de L_Demontiers</a>.</p>
<h2 id="titre-CharteQualite">Charte de qualité</h2>
<h3 id="titre-GrandsPrincipes">Les grands principes</h3>
<h4 id="titre-DemanderMinimum">Demander le minimum</h4>
<p>Le but est de chercher la simplicité d'exécution. Seuls les champs vraiment indispensables doivent être requis. Les champs peuvent être préremplis avec des données "neutres" (Exemple : pour une liste, utiliser "Liste 1" doit être possible).</p>
<h4 id="titre-RespectUtilisateur">Respect de l'utilisateur</h4>
<p>L'utilisateur doit toujours avoir la main sur ses données. Cela signifie :</p>
<ul>
<li>qu'il peut les exporter</li>
<li>qu'il peut les faire supprimer</li>
</ul>
<p>Les données de l'utilisateurs ne doivent pas être utilisées en dehors du fonctionnement de Spoiled People. Cela signifie :</p>
<ul>
<li>qu'elles ne sont pas cédées à des tiers</li>
<li>qu'elles ne servent pas à envoyer des e-mails non demandés</li>
</ul>
<h3 id="titre-Referentiels">Les référentiels</h3>
<p>Le site fait l'objet d'une déclaration Opquast et se référe aux référentiels :</p>
<ul>
<li><a href="https://checklists.opquast.com/fr/oqs-v2">Les bonnes pratiques du web</a></li>
<li><a href="https://checklists.opquast.com/fr/accessibility-first-step">First Step (Premier pas vers WCAG 2.0 : erreurs)</a></li>
<li><a href="https://checklists.opquast.com/webperf">webperf</a></li>
</ul>
<h2 id="titre-Conception">Conception</h2>
<p>Pour voir en détail la conception de <span lang="en">Spoiled People</span> voir le dépôt « <a href="https://github.com/Spoiled-People/design/tree/master/functionnal-conception"><span lang="en">design/functionnal-conception</span></a> »
<h2 id="titre-Licence">Licence</h2>
<p><strong><a href="http://www.mozilla.org/MPL/2.0/">Mozilla Public License version 2.0 (en)</a></strong></p>
<p>Pour toute question voir : <a href="http://www.mozilla.org/MPL/2.0/FAQ.html">MPL 2.0 FAQ</a></p>
<p>Cette licence implique notamment, pour le cas présent :</p>
<ul>
<li>
qu'un fichier « license » soit présent dans chaque répertoire indiquant :
<blockquote>This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at <a href="http://www.mozilla.org/MPL/2.0/">http://mozilla.org/MPL/2.0/</a>.</blockquote>
</li>
</ul>
<p>TODO : Rajouter une phrase pour que les auteurs soient cités (page membres de Spoiled People ?)</p>
<h3 id="titre-PourquoiMPL">Pourquoi MPL 2.0</h3>
<p>Je voulais une licence qui :</p>
<ul>
<li>permette de <strong>modifier la licence pour des nouvelles parties</strong>.</li>
<li>impose de <strong>citer les auteurs/la source</strong> et de garder la <strong>source accessible</strong>.</li>
</ul>
<p>J'ai pensé qu'il était bon d'<strong>interdire une garantie</strong> pour protéger les auteurs. Ça ne me dérange pas qu'une <strong>utilisation commerciale</strong> soit faite (tant que la <strong>source est dispo</strong> et que les <strong>auteurs originaux sont cités</strong>) et encore moins une utilisation privée !</p>
<p>-- Delphine M.</p>
</div><!-- /pageContent -->
<div id="pageFooter">
<div id="footerFinal">
<img src="assets/cadeaux-500.png" alt="" width="500" height="297" />
</div>
<h2>Crédits</h2>
<h3>Police de caractères</h3>
<ul>
<li>Logo : Salsa</li>
<li>Texte : Ubuntu</li>
</ul>
<h3>Base CSS</h3>
<ul>
<li><a href="http://necolas.github.io/normalize.css/">Normalize</a></li>
<li><a href="http://tinytypo.tetue.net/">Tiny Typo</a></li>
</ul>
<h3>Favicons</h3>
<ul>
<li>Générées via <a href="http://realfavicongenerator.net/">Real Favicon Generator.net</a></li>
</ul>
</div><!-- /pageFooter -->
</div><!-- /page -->
</body>
</html>