Gitlab CSE Unil

home.html 5.85 KB
Newer Older
Julien Furrer's avatar
Julien Furrer committed
1
2
3
4
5
{% extends "base.html" %}
{% load static i18n %}

{% block page_head %}{% endblock %}

6
7
{% block body_class %}home{% endblock %}

8
9
10
11
12
13
14
15
{% block navbar_right_content %}
    {{ block.super }}
    <li>
        <p class="navbar-text">&nbsp;&nbsp;&nbsp;</p>
    </li>
{% endblock %}


Julien Furrer's avatar
Julien Furrer committed
16
{% block main_content %}
17
18
19
20
21
22
<div id="home-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-9">
                <h1>ADIM &nbsp;&nbsp;<small>Un outil d'annotation d'images pour l'enseignement</small></h1>
            </div>
Julien Furrer's avatar
Julien Furrer committed
23
24
25
            <div class="col-sm-3" id="home-action-box">
                <div class="well well-sm">
                {% if user.is_anonymous %}
Julien Furrer's avatar
Julien Furrer committed
26
                    {% include "adim/login.inc.html" %}
Julien Furrer's avatar
Julien Furrer committed
27
28
29
30
31
32
33
34
                {% else %}
                    <a href="{% url "adim.app:annotate-new" %}"
                       class="btn btn-lg btn-success btn-block">
                        <span class="glyphicon glyphicon-pencil"></span>&nbsp;
                        Annoter &blacktriangleright;
                    </a>
                {% endif %}
                </div>
35
36
37
38
39
40
41
            </div>
        </div>


        <div class="row">
            <div class="col-sm-12">
                <div id="home-image">
Julien Furrer's avatar
Julien Furrer committed
42
                    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
43
44
                </div>
            </div>
Julien Furrer's avatar
Julien Furrer committed
45
        </div>
46
        <div class="row">
Julien Furrer's avatar
Julien Furrer committed
47
48
49
            <div id="home-content">
                <div class="col-sm-6">
                    <p>
50
51
                        L'analyse d'images ou de représentations par l’annotation permet des types d'activités d'enseignement
                        très variés comme une simple analyse documentée jusqu'à la résolution de problème complet.
Julien Furrer's avatar
Julien Furrer committed
52
                    </p>
53
54
                    <p>ADIM est un environnement global et flexible d'étude d'images qui rend possible ces types
                        d’activités d’enseignement ou de recherche.
Julien Furrer's avatar
Julien Furrer committed
55
56
57
                    </p>
                </div>
            <div class="col-sm-6">
58
                <h5>Le scénario pédagogique en 4 étapes</h5>
Julien Furrer's avatar
Julien Furrer committed
59
60
61

                <dl>
                    <dt>1. Créer et proposer une activité d’annotation</dt>
62
                    <dd>Elle peut se faire via les options de partage du système ADIM ou par une activité Moodle
Julien Furrer's avatar
Julien Furrer committed
63
64
65
66
                        associée.
                    </dd>

                    <dt>2. Période de travail individuel d’annotation</dt>
67
68
                    <dd>Les participants réalisent leur travail d’annotation selon les consignes données et partagent
                        leurs annotions à la fin de leur travail.
Julien Furrer's avatar
Julien Furrer committed
69
70
71
72
                    </dd>

                    <dt>3. Comparaison et analyse des résulats</dt>
                    <dd>L’enseignant, ou directement les participants selon le scénario choisi, peut comparer les
73
                        résultats des participants regroupés sous la forme de calques séparés dans l’interface.
Julien Furrer's avatar
Julien Furrer committed
74
75
                    </dd>

76
                    <dt>4. Elaboration d’un feedback constructif pour une discussion</dt>
Julien Furrer's avatar
Julien Furrer committed
77
78
                </dl>
                </div>
Julien Furrer's avatar
Julien Furrer committed
79
80
81
            </div>
        </div>
    </div>
82
</div>
Julien Furrer's avatar
Julien Furrer committed
83

84
85
86
87
88
89
90
<div id="main-footer">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <a href="http://www.unil.ch/" class="logo unilogo-unil"></a>
            </div>
            <div class="col-sm-4">
91
92
                <ul class="list-unstyled small about-links">
                    <li><a href="#contacts"  data-tab="#adim-about-body-contacts">
93
94
                        <span class="glyphicon glyphicon-envelope"></span>&nbsp;
                        Contacts</a></li>
95
                    <li><a href="#credits" data-tab="#adim-about-body-credits">
96
97
98
                        <span class="glyphicon glyphicon-glass"></span>&nbsp;
                        Credits
                    </a></li>
99
                    <li><a href="#info_legale" data-tab="#adim-about-body-legal">
100
101
102
103
104
105
                        <span class="glyphicon glyphicon-briefcase"></span>&nbsp;
                        Informations légale
                    </a></li>
                </ul>
            </div>
            <div class="col-sm-4">
106
                <p class="text-right small">© 2015 Unil &mdash; <a href="http://www.unil.ch/">Université de Lausanne</a></p>
107
108
109
            </div>
        </div>
    </div>
Julien Furrer's avatar
Julien Furrer committed
110
</div>
111

112
{#    <iframe sandbox="allow-same-origin" src="{% url "shib-login" %}" width="0" height="0"></iframe>#}
113

114
115
{% include "adim/_about-modal.inc.html" %}

Julien Furrer's avatar
Julien Furrer committed
116
117
118
119
120
121
122
123
{% endblock main_content %}

{% block main_container %}{% endblock %}

{% block content_js %}
    {{ block.super }}
    <script src="{% static "js/libs/jquery.min.js" %}"></script>
    <script src="{% static "js/libs/bootstrap.min.js" %}"></script>
124

125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
    <script>
    (function($){
        // Display About Dlg when info link in footer are clicked. Select corresponding tab in the modal dlg
        $(function(){
            var aboutDlgTabList = $("#dlg-about-adim").find("ul[role=tablist]");
            $("#main-footer").find(".about-links a").on('click', function(evt){
                evt.preventDefault();
                $("#dlg-about-adim").modal();
                var tabTgt = $(evt.target).data('tab'),
                    tabEl = aboutDlgTabList.find("[href=" + tabTgt + "]");
                tabEl.tab('show');
            });
        });
    })(jQuery);
    </script>

141
{% comment %}    {% if user.is_anonymous %}<script>
142
    if (document.location.search.match(/next=/)) {
143
144
145
146
147
148
149
        $.get("{% url "shib-display" %}")
            .fail(function(){ })
            .done(function(){
                document.location.assign("{% url "shib-login" %}" + document.location.search);
            });
    }
    </script>
150
    {% endif %}{% endcomment %}
151

Julien Furrer's avatar
Julien Furrer committed
152
153
{#    <script src="{% static "js/libs/require.min.js" %}" data-main="{% static "js/su_app" %}"></script>#}
{% endblock %}