Projet

Général

Profil

Paste
Statistiques
| Branche: | Révision:

root / views / home_view.php @ f40a640a

Historique | Voir | Annoter | Télécharger (7,85 ko)

1
<?php
2
/************************************************************************************
3
 *
4
 *  Projet AbulEdu Mur de Classe  - Licence: GNU/Affero GPL v3 ou +
5
 *
6
 *  (c) 2020 Frédéric Adamczak <fred@fadamczak.fr>
7
 *
8
 *   This file is part of AbulEdu Mur de Classe.
9
 *
10
 *   AbulEdu Mur de Classe is free software: you can redistribute it and/or modify
11
 *   it under the terms of the GNU Affero General Public License as published by
12
 *   the Free Software Foundation, either version 3 of the License, or
13
 *   (at your option) any later version.
14
 *
15
 *   AbulEdu Mur de Classe is distributed in the hope that it will be useful,
16
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
17
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
18
 *   GNU Affero General Public License for more details.
19
 *
20
 *   You should have received a copy of the GNU General Public License
21
 *   along with ClicAlbum. If not, see <https://www.gnu.org/licenses/>.
22
 *
23
 ************************************************************************************/
24

    
25
function afficheHome(/*$briques*/) {
26
  ?>
27
<!doctype html>
28
<html>
29
<head>
30

    
31
    <?php include_once 'views/includes/head.php'?>
32
    <link rel="stylesheet" href="<?= PATH?>assets/styles/css/home.css"/>
33
    <title><?= ucfirst($page) ?></title>
34
</head>
35

    
36
<body>
37

    
38
    <?php include_once 'views/includes/header.php'?>
39

    
40
    <div class="container" id="exemples">
41
      <div class="row">
42

    
43
        <div class="jumbotron">
44
          <p class="jt-titre">Mur de Classe</h1>
45
          <p class="jt-info">
46
            "Mur de classe" permet de partager des contenus de manière collaborative.
47
            L'administrateur du "mur" en diffuse l'adresse et ajoute des ressources.
48
            Les utilisateurs disposant de l'adresse peuvent compléter le mur en
49
            proposant eux aussi des ressources... qui devront être validées par
50
            l'administrateur.
51
            <a href="https://docs.abuledu.org/web/murdeclasse.abuledu.net/accueil" target="_blank">
52
              Consultez la documentation
53
            </a>
54
          </p>
55

    
56
          <p class="jt-info important">
57
            Ce service est actuellement en phase de test ; nous en sommes à la phase
58
            "test en situation réelle + chasse aux bugs + corrections". Il se peut,
59
            si vous l'utilisez que vons rencontriez un (plusieurs) bug(s) : ne pestez
60
            pas après nous ;-) et n'hésitez à pas à nous signaler le souci. Merci.
61
          </p>
62

    
63
          <hr class="my-4">
64

    
65
          <a class="btn btn-primary" href="<?= PATH?>index.php?page=nouveau" role="button">Créer un mur</a>
66

    
67
          <div class="row">
68

    
69
            <!-- IMAGE -->
70
            <div class='col-sm-3 mt-4'>
71
              <div class='card mb-2'>
72
                <div class='card-header briqueTitre'>
73
                  Une image
74
                </div>
75
                <div class='card-body'>
76
                  <p class=briqueDescriptif>
77
                    Exemple d'image affichée sur un mur
78
                  </p>
79
                  <p class=briqueContenu>
80
                    <a href="assets/images/abuledu.jpg" target="_blank">
81
                      <img src="assets/images/abuledu.jpg" class="card-img-top" alt="abuledu">
82
                    </a>
83
                  </p> <!-- p -> brique contenu -->
84
                </div> <!-- card-body -->
85
              </div> <!-- card -->
86
            </div> <!-- col-sm-3 -->
87

    
88
            <!-- DOCUMENT -->
89
            <div class='col-sm-3 mt-4'>
90
              <div class='card mb-2'>
91
                <div class='card-header briqueTitre'>
92
                  Un document
93
                </div>
94
                <div class='card-body'>
95
                  <p class=briqueDescriptif>
96
                    Il est possible de stocker un document à télécharger : ici
97
                    c'est une présentation d'Edutwit au format .pdf
98
                  </p>
99
                  <p class=briqueContenu>
100
                    <a href="assets/documents/edutwit.pdf" target="_blank">
101
                      <i class="fas fa-cloud-download-alt"></i>
102
                    </a>
103
                  </p> <!-- p -> brique contenu -->
104
                </div> <!-- card-body -->
105
              </div> <!-- card -->
106
            </div> <!-- col-sm-3 -->
107

    
108
            <!-- SON -->
109
            <div class='col-sm-3 mt-4'>
110
              <div class='card mb-2'>
111
                <div class='card-header briqueTitre'>
112
                  Un document sonore
113
                </div>
114
                <div class='card-body'>
115
                  <p class=briqueDescriptif>
116
                    Vous pouvez écouter les dev. en plein travail
117
                  </p>
118
                  <p class=briqueContenu>
119
                    <audio controls preload="auto" style="width: 90%;">
120
                      <source src="assets/documents/clavier.mp3" />
121
                    </audio>
122
                  </p> <!-- p -> brique contenu -->
123
                </div> <!-- card-body -->
124
              </div> <!-- card -->
125
            </div> <!-- col-sm-3 -->
126

    
127
            <!-- DOCUMENT -->
128
            <div class='col-sm-3 mt-4'>
129
              <div class='card mb-2'>
130
                <div class='card-header briqueTitre'>
131
                  Un document
132
                </div>
133
                <div class='card-body'>
134
                  <p class=briqueDescriptif>
135
                    Il est également possible de référencer des liens sur un mur
136
                  </p>
137
                  <p class=briqueContenu>
138
                    <a href="https://abuledu.org" target="_blank">
139
                      <i class='fas fa-project-diagram'></i>
140
                    </a>
141
                  </p> <!-- p -> brique contenu -->
142
                </div> <!-- card-body -->
143
              </div> <!-- card -->
144
            </div> <!-- col-sm-3 -->
145

    
146
            <!-- Document intégré -->
147
            <div class='col-sm-3 mt-4'>
148
              <div class='card mb-2'>
149
                <div class='card-header briqueTitre'>
150
                  Un intégration
151
                </div>
152
                <div class='card-body'>
153
                  <p class=briqueDescriptif>
154
                    Il est également possible de référencer des liens sur un mur
155
                  </p>
156
                  <p class=briqueContenu>
157
                    <iframe src='https://videos.ac-nancy-metz.fr/videos/embed/37f105ab-d599-47a7-a777-99336eb67fe9'
158
                        width='90%' height='90%' frameborder='0' allowfullscreen=''>
159
                    </iframe>
160
                  </p> <!-- p -> brique contenu -->
161
                </div> <!-- card-body -->
162
              </div> <!-- card -->
163
            </div> <!-- col-sm-3 -->
164

    
165
            <!-- Document intégré -->
166
            <div class='col-sm-3 mt-4'>
167
              <div class='card mb-2'>
168
                <div class='card-header briqueTitre'>
169
                  Du texte
170
                </div>
171
                <div class='card-body'>
172
                  <p class=briqueDescriptif>
173
                    Et enfin, un "simple" texte
174
                  </p>
175
                  <p class=briqueContenu>
176
                    Depuis plus de 15 ans l'objectif du projet AbulÉdu est
177
                    d’intégrer l’utilisation des outils numériques dans les pratiques
178
                    de classe [...]
179
                  </p> <!-- p -> brique contenu -->
180
                </div> <!-- card-body -->
181
              </div> <!-- card -->
182
            </div> <!-- col-sm-3 -->
183

    
184
        </div> <!-- jumbotron -->
185
      </div> <!-- row -->
186
    </div> <!-- container -->
187

    
188
    <footer>
189
      <div class="container">
190
        <div class="row">
191
          <div class="col-sm-8">
192
              Ce service est proposé par l'association
193
              <a href="https://abuledu-fr.org" target="_blank">AbulÉdu-fr</a>
194
               - Consulter les
195
              <a href="https://abuledu-fr.org/cgu-generiques/" target="_blank">
196
                CGU
197
              </a>
198
          </div>
199
        </div>
200
      </div>
201
    </footer>
202

    
203
</body>
204
</html>
205

    
206
<?php
207
  }
208
?>
Redmine Appliance - Powered by TurnKey Linux