Cyri1.github.io/android.html at main · Cyri1/Cyri1.github.io · GitHub

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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="" />
    <title>Boîte à histoires</title>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
      crossorigin="anonymous"
    ></script>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
      crossorigin="anonymous"
    />
    <script
      src="https://code.jquery.com/jquery-3.7.0.min.js"
      integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g="
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <header>
      <!-- JS loaded -->
    </header>
    <main>
      <div class="container">
        <div>
          <h2>L'application Boîte à Histoires (BàH)</h2>
          <br />
          <h3>Prérequis :</h3>
          <ul>
            <li>
              Un smartphone ou une tablette avec Android version 5.1 minimum.
            </li>
            <li>
              Des histoires disponibles sur le Discord de Lunii Creations :
              <a href="https://monurl.ca/lunii.creations" target="_blank"
                >https://monurl.ca/lunii.creations</a
              >
            </li>
            <li>
              Autoriser l'installation d'applications de sources inconnues sur
              l'appareil Android
            </li>
            <li>
              Accorder la permission "Autoriser la gestion de tous les fichiers" à
              l'application
            </li>
            <li>
              Vérifier que votre application Android WebView n'est pas trop ancienne :
              <a href="https://play.google.com/store/apps/details?id=com.google.android.webview&hl=fr&gl=US" target="_blank" rel="noopener noreferrer">Android WebView</a>
            </li>
          </ul>
        </div>
        <div>
          <h4>
            Vidéo de présentation de l'appli :
          </h4>
          <div class="col-sm-6">
            <div class="video-responsive">
              <iframe width="560" height="315" src="https://www.youtube.com/embed/-LOG7N8FA3o?si=Ga-L7JXNGYUm8ikt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
            </div>
          </div>
        </div>
        <div>
          <h4>
            Lien vers l'application :
          </h4>
          <a href="https://github.com/Cyri1/bah/releases/latest">https://github.com/Cyri1/bah/releases/latest</a>
          <p>
            Télécharger et installer le fichier .apk dans la liste de fichiers assets.
          </p>
          <p>
            L'application est gratuite, sans pub et opensource. Elle a été développée par moi même un papa qui aime programmer pendant son temps libre (ce n'est pas mon métier alors soyez indulgent!)
          </p>
          <div class="mt-3">
            <img src="./assets/app.png" width="800" class="img-fluid">
          </div>
          <div class="mt-3">
            <div id="carouselExampleControls" class="carousel slide" style="max-width: 350px;" data-bs-ride="carousel">
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <img src="./assets/menu-store.png" height="800" class="d-block w-100 img-fluid" alt="...">
                </div>
                <div class="carousel-item">
                  <img src="./assets/menu-pref.png" height="800" class="d-block w-100 img-fluid" alt="...">
                </div>
                <div class="carousel-item">
                  <img src="./assets/menu-sleep.png" height="800" class="d-block w-100 img-fluid" alt="...">
                </div>
                <div class="carousel-item">
                  <img src="./assets/menu-mystories.png" height="800" class="d-block w-100 img-fluid" alt="...">
                </div>
              </div>
              <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
              </button>
              <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
              </button>
            </div>
          </div>
        </div>
        <hr />
        <h3>FAQ :</h3>
        <h4>
          Je n'arrive pas à accorder la permission "Autoriser la gestion de tous
          les fichiers" :
        </h4>
        <p>
          En fonction des versions d'Android et de la surcouche logiciel de
          votre téléphone, les menus peuvent varier. Cependant, la plupart du
          temps, vous pouvez autoriser la gestion de tous les fichiers en
          passant suivant ces étapes :
          <br />
          <img
            src="./assets/allfiles1.jpg"
            alt=""
            width="200"
            class="img-fluid"
          />
          <img
            src="./assets/allfiles2.jpg"
            alt=""
            width="200"
            class="img-fluid"
          />
          <img
            src="./assets/allfiles3.jpg"
            alt=""
            width="200"
            class="img-fluid"
          />
          <img
            src="./assets/allfiles4.jpg"
            alt=""
            width="200"
            class="img-fluid"
          />
        </p>
        <h4>Comment ajouter une histoire :</h4>
        <p>
          Pour ajouter une histoire à l'application soit :
          <ul>
            <li>Vous disposez déjà
              d'une histoire au bon format, il suffit alors de la copier dans le
              dossier Documents\packs\nom_de_l_histoire\. Si toutes les
              autorisations ont été accordées, le dossier "packs" devrait déjà être
              présent.
            </li>
            <li>
              Vous avez un lien pour alimenter le store inclus à l'application
              (vous pouvez trouver ce lien sur le serveur Discord de Lunii Creations
              dans le salon bah-lemulateur-android)
            </li>
          </ul>
          Les histoires doivent comporter un fichier story.json et un dossier
          assets contenant lui même des fichiers audios et images
          <br>
          <img
            src="./assets/packs_folder.jpg"
            alt=""
            width="200"
            class="img-fluid"
          />
        </p>
        <h4>Une histoire que j'ai téléchargé ne fonctionne pas :</h4>
        <p>
          Malheureusement, les histoires non officielles créées avec le logiciel
          <a href="https://github.com/marian-m12l/studio">Studio</a> ou
          <a href="https://github.com/jersou/studio-pack-generator">SPG</a> ne
          sont pas faite de façon homogène par les contributeurs, cela rend très
          difficile de garantir une compatibilité de l'ensemble des histoires.
          Si l'histoire que vous avez téléchargé ne fonctionne pas c'est
          probablement parce que le créateur l'a construite de façon "exotique"
          :P. <strong>La modifier avec Studio ou SPG</strong> peut être une
          solution pour la rendre fonctionnelle.
        </p>
        <h4>
          Je souhaite rajouter des listes d'histoires à mon store intégré à
          l'application :
        </h4>
        <p>à venir</p>
        <h4>
          Je souhaite créer ma propre liste d'histoires pour alimenter mon store
          intégré :
        </h4>
        <p>à venir</p>

        <hr />
        <h4>
          Rejoignez le serveur Discord :
        </h4>
        <p>
          Pour toutes autres questions venez sur le Discord de Lunii Creations : <a href="https://monurl.ca/lunii.creations" target="_blank">https://monurl.ca/lunii.creations</a> et demandez de l'aide dans le salon bah-lemulateur-android !
        </p>
      </div>
      <footer class="container">
        <!-- JS loaded -->
      </footer>
    </main>
  </body>
</html>
<script>
  $(function () {
    $('footer').load('include/footer.html');
    $('header').load('include/header.html');
  });
</script>

<style>

.video-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
</style>