devdays2014/agenda.html at master · popul/devdays2014 · 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
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Reveal.js 3 Slide Demo</title>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <link rel="stylesheet" href="css/reveal.min.css">
    <link rel="stylesheet" href="css/theme/orange.css" id="theme">

    <!-- For syntax highlighting -->
    <link rel="stylesheet" href="lib/css/zenburn.css">

    <!-- If the query includes 'print-pdf', include the PDF print sheet -->
    <script>
        if( window.location.search.match( /print-pdf/gi ) ) {
            var link = document.createElement( 'link' );
            link.rel = 'stylesheet';
            link.type = 'text/css';
            link.href = 'css/print/pdf.css';
            document.getElementsByTagName( 'head' )[0].appendChild( link );
        }
    </script>

    <!--[if lt IE 9]>
    <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
</head>

<body>
<!-- Wrap the entire slide show in a div using the "reveal" class. -->
<div class="reveal">
    <!-- Wrap all slides in a single "slides" class -->
    <div class="slides">

        <!-- ALL SLIDES GO HERE -->
        <!-- Each section element contains an individual slide -->
        <section>
            <h1>Etude technique du mode grille</h1>
            <p>NDI - SOFT - Messagerie professionnelle</p>
        </section>

        <section data-markdown>
            <script type="text/template">
            ###Doit-on utiliser un composant sur étagère ou développer une solution sur mesure ?
            </script>
        </section>

        <section>
            <section data-markdown>
                <script type="text/template">
                    ##Calendrier dojo<br/><br/>

                    - Avantages
                        - Widget en l'état fonctionnel
                </script>
            </section>
            <section>
                <p data-height="548" data-theme-id="0" data-slug-hash="rCxhE" data-default-tab="result" data-user="popul" class='codepen'>See the Pen <a href='http://codepen.io/popul/pen/rCxhE/'>rCxhE</a> by Paul Musso (<a href='http://codepen.io/popul'>@popul</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
                <script async src="//codepen.io/assets/embed/ei.js"></script>
            </section>
            <section data-markdown>
                <script type="text/template">
                    ##Calendrier dojo<br/><br/>
                    - Inconvénients
                        - Architecture logicielle : trop éloignée de l'architecture actuelle de NDI (modèlisation des données, création de composants graphiques)
                        - Poids de l'application : 300 ko de js (dojox) supplémentaires
                        - Non responsive
                        - Architecture logicielle particulièrement  lourde due à la généricité de dojo (beaucoup de fichiers, de notions abstraites) => difficile à  modifier, maintenir
                        - Design cible trop éloigné du composant Dojo
                </script>
            </section>
            <section data-markdown>
                <script type="text/template">
                    ##Calendrier dojo<br/><br/>
                    - Conclusion : Trop d'adapations à prévoir. <br/> Met en péril la maintenance, l'évolution et les performances de l'application.
                </script>
            </section>
        </section>

        <section>
            <section data-markdown>
                <script type="text/template">
                    ##Autres calendriers<br/><br/>
                    - Exemples
                        - [ExtJS] (http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/calendar/)
                        - [KendoUI] (http://demos.telerik.com/kendo-ui/scheduler/index)
                        - [FullCalendar, plugin jQuery] (http://fullcalendar.io/)
                </script>
            </section>
            <section data-markdown>
                <script type="text/template">
                    ## ExtJS
                    <iframe src="http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/calendar/" width="800" height="600"></iframe>
                </script>
            </section>
            <section data-markdown>
                <script type="text/template">
                    ## KendoUI
                    <iframe src="http://demos.telerik.com/kendo-ui/scheduler/index" width="800" height="600"></iframe>
                </script>
            </section>
            <section data-markdown>
                <script type="text/template">
                    ## FullCalendar, plugin JQuery
                    <iframe src="http://fullcalendar.io/" width="800" height="600"></iframe>
                </script>
            </section>
            <section data-markdown>
                <script type="text/template">
                    ##Autres calendriers<br/><br/>
                    - Avantages
                        - Widgets en l'état fonctionnel
                </script>
            </section>
            <section data-markdown>
                <script type="text/template">
                    ##Autres calendriers<br/><br/>
                    - Inconvenients
                        - Trop de risques au niveau de l'architecture logicielle à mélanger les frameworks
                        - Aucun des calendriers ne correspond à la cible fonctionnelle
                        - Poids particulièrement élevé (pour KendoUI > 600 Ko, ExtJS > 400 Ko)
                </script>
            </section>
            <section data-markdown>
                <script type="text/template">
                    ##Autres calendriers<br/><br/>
                    - Conclusion: Trop d'adapations à prévoir. <br/> Met en péril la maintenance, l'évolution et les performances de l'application.
                </script>
            </section>
        </section>

        <section data-markdown>
            <script type="text/template">
                ##Conclusion sur les composants génériques<br/><br/>

                L'utilisation d'un composant générique est adéquate lorsque :

                - Le fonctionnel cible correspond à celui du composant générique, où s'en rapproche suffisamment
                - Les exigences non-fonctionnelles sont respectées (maintenabilité, évolutions, performances)
            </script>
        </section>

        <section data-markdown>
            <script type="text/template">
                ##Solution technique cible<br/><br/>

                <p style="text-align: left;">Développement d'un composant sur mesure comme pour le web 2</p>

                - Correspond au mieux aux attentes fonctionnelles
                    - En terme d'adaptation de l'interface aux devices (Responsive design)
                    - En terme de spécificités fonctionnelles
                - Correspond au mieux aux exigences techniques
                    - En terme de performances de l'application (poids de l'application, vitesse d'exécution)
                    - En terme de maintenabilité (cohésion avec le reste de l'application)
            </script>
        </section>
    </div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>

<script>
    // Required, even if empty.
    Reveal.initialize({
        history: true,
        transition: 'slide',
        dependencies: [
            { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
            { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
            { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
            { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
            { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
            { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
        ]

    });
</script>
</body>
</html>