AAER/log.html at master · dusanvin/AAER · 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

<!DOCTYPE html>

<html lang="de">

    <head>

      <title>AAER - DigiLLab UniA Log</title>

      <meta name="viewport" content="width=device-width"/>

      <meta http-equiv="content-type" content="text/html; charset=utf-8">

      <!-- jQuery Start -->

      <script src="js/jquery-3.5.1.min.js"></script>

      <!-- jQuery End -->

      <!-- Custom CSS Start -->

      <link rel="stylesheet" href="css/index.css">

      <link rel="stylesheet" href="css/sidepanel.css">

      <link rel="stylesheet" href="css/log.css">

      <!-- Custom CSS End -->

      <!-- Bootstrap Material Design v.4.1.1 Start -->

      <link rel="stylesheet" href="css/bootstrap-material-design-4_1_1-min.css">

      <!-- Bootstrap Material Design v.4.1.1 End -->

      <!-- PopperJS v.1.12.6 Start -->

      <script src="js/popperJS-1_12_6.js"></script>

      <!-- PopperJS v.1.12.6 End -->

      <!-- Bootstrap Material Design JS Start -->

      <script src="js/bootstrap-material-design.js"></script>

      <!-- Bootstrap Material Design JS End -->

  </head>

  <body>

  <!-- Navigation Start -->

  <div id="navigation_container"></div>

  <!-- Navigation End -->

  <!-- Sidepnale Start -->

  <div id="sidepanel_container"></div>

  <!-- Sidepnale End -->

    <div class="position-relative overflow-hidden p-1 p-md-5 text-center mt-5">

      <div class="pr-xs-0 pl-xs-0 pr-sm-3 pl-sm-3 pr-md-3 pl-md-5 pr-lg-5 pl-lg-5 pr-xl-5 pl-xl-5 mx-auto pt-3">

        <h1 class="display-3 font-weight-normal text-white mb-5">Log</h1>

        <div class="container-fluid grey-border mt-3 text-left">

          <div class="row pt-4 bg-white" style="border-radius: 7px;">

            <div class="col">

              <div class="container-fluid mb-3">

                <div class="row pt-1 pb-1 lehr-lernmittel-heading">

                  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3 pl-0 pr-0">

                    <!-- Start: Beta-Release Version 0.1:10/2020 -->

                    <h2 class="mb-3 pl-3 text-dark-grey">Alpha-Release Version 2.0: 10/2023</h2>

                    <div class="inner-light-grey pt-3 pb-3 pl-3 pr-3">

                      <h3 class="mb-2 text-dark-grey">Generelles</h3>

                      <p class="inner-text-styling">

                        Die zweite Version des AAER geht online! Aus einem ursprünglich analogen Analyse- und Evaluationsraster wird ein Online-Tool zur Bewertung von Lehr- und Lernmitteln hinsichtlich ihrer Qualität für Unterricht und Schule. Dem folgt ein geschichtsspezifisches AAER von Dr. Oliver Mayer-Simmet. In diesem Zuge hat Sophie Erbsner ein Logo für das AAER entworfen. Die größte Neuerung ist jedoch der Language-Switcher, mit dem es nun möglich ist, alle Seiten ins englische übersetzen zu lassen. Folgende weitere Bereiche wurden im Zuge des zweiten Beta-Releases verändert sowie den bestehenden hinzugefügt:

                        <ul class="inner-text-styling">

                          <li>
                            <a href="aaer-geschichte.html" alt="Das AAER für den Geschichtsunterricht">Das AAER für den Geschichtsunterricht von Dr. Oliver Mayer-Simmet</a>
                          </li>
                          <li>
                            <a href="info.html" alt="Zum AAER - Analysieren und bewerten Sie ein Bildungsmedium">Mehr inkl. Geschichtsversion des AAER mit Dr. Oliver Mayer-Simmet</a>
                          </li>
                          <li>
                            <a href="contact.html" alt="Kontakt - Kontaktieren Sie uns bei Fragen rund um das AAER">Kontakt inkl. Dr. Oliver Mayer-Simmet</a>
                          </li>

                        </ul>

                      </p>

                      <p class="inner-text-styling mb-2">

                         Das Projekt ist weiterhin auf GitHub einsehbar: <a href="https://github.com/dusanvin/AAER">https://github.com/dusanvin/AAER</a> und steht im Sinne der Open Access- / Open Education-Bewegung unter der MIT-Lizenz. <strong>Viel Spaß beim Ausprobieren wünschen Vincent, Norman und unsere Verstärkung Israa!</strong>

                      </p>

                    </div>

                    <!-- Ende: Alpha-Release Version 1.1:09/2023 -->
                    <!-- Beginn: Alpha-Release Version 1.0:10/2020 -->
                    <h2 class="mb-3 pl-3 text-dark-grey mt-5">Alpha-Release Version 1.0: 10/2020</h2>
                    <div class="inner-light-grey pt-3 pb-3 pl-3 pr-3 ">

                      <h3 class="mb-2 text-dark-grey">Generelles</h3>

                      <p class="inner-text-styling">

                        Die erste Version des AAER geht online! Aus einem ursprünglich analogen Analyse- und Evaluationsraster wird ein Online-Tool zur Bewertung von Lehr- und Lernmitteln hinsichtlich ihrer Qualität für Unterricht und Schule. Folgende Seiten sind Teil des ersten Beta-Releases:

                        <ul class="inner-text-styling">

                          <li>
                            <a href="index.html" alt="Home - Zur Startseite">Home - Zur Startseite</a>
                          </li>

                          <li>
                            <a href="survey.html" alt="Zum AAER - Analysieren und bewerten Sie ein Bildungsmedium">Zum AAER - Analysieren und bewerten Sie ein Bildungsmedium</a>
                          </li>

                          <li>
                            <a href="info.html" alt="Zum AAER - Analysieren und bewerten Sie ein Bildungsmedium">Mehr erfahren - Erfahren Sie mehr über das AAER</a>
                          </li>

                          <li>
                            <a href="contact.html" alt="Kontakt - Kontaktieren Sie uns bei Fragen rund um das AAER">Kontakt - Kontaktieren Sie uns bei Fragen rund um das AAER</a>
                          </li>

                        </ul>

                      </p>

                      <p class="inner-text-styling">

                         Das Projekt ist zudem auf GitHub einsehbar: <a href="https://github.com/dusanvin/AAER">https://github.com/dusanvin/AAER</a> und steht im Sinne der Open Access- / Open Education-Bewegung unter der MIT-Lizenz. <strong>Viel Spaß beim Ausprobieren wünschen Norman und Vincent!</strong>

                      </p>

                      <h3 class="mb-2 text-dark-grey">Funktionalität</h3>

                      <p class="inner-text-styling">

                        Auf Basis der JavaScript-Bibliotheken <a href="https://github.com/surveyjs">SurveyJS</a> und <a href="https://github.com/chartjs">Chart.js</a> wurde ein Bewertungsraster entworfen, dessen Befragungsergebnisse angezeigt und mittels <a href="https://parall.ax/products/jspdf">jsPDF</a> exportiert werden können.

                      </p>

                      <h3 class="mb-2 text-dark-grey">Design</h3>

                      <p class="inner-text-styling">

                        Angelehnt an den Stil des Flat-Designs griffen wir auf das <a href="https://mdbootstrap.com/">Material Design für Bootstrap</a> zurück und veränderten die für uns relevanten Bereiche mittels jQuery, eigenem CSS und freien Grafiken.

                      </p>

                    </div>
                    <!-- Ende: Alpha-Release Version 1.0:10/2020 -->
                  </div>

                </div>

              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

    <!-- Navigation Start -->

    <script src="js/navigation.js"></script>

    <!-- Navigation End -->

    <!-- Sidepanel Start -->

    <script src="js/sidepanel.js"></script>

    <!-- Sidepanel End -->

    <!-- Footer Start -->

    <div id="footer_container"></div>

    <!-- Footer End -->

    <!-- Footer JS Start -->

    <script src="js/footer.js"></script>

    <!-- Footer JS End -->

  </body>

</html>