3 Copyright 2010 Google Inc.
5 Licensed under the Apache License, Version 2.0 (the "License");
6 you may not use this file except in compliance with the License.
7 You may obtain a copy of the License at
9 http://www.apache.org/licenses/LICENSE-2.0
11 Unless required by applicable law or agreed to in writing, software
12 distributed under the License is distributed on an "AS IS" BASIS,
13 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 See the License for the specific language governing permissions and
15 limitations under the License.
17 Original slides: Marcin Wichary (mwichary@google.com)
18 Modifications: Ernest Delgado (ernestd@google.com)
19 Alex Russell (slightlyoff@chromium.org)
21 landslide modifications: Adam Zapletal (adamzap@gmail.com)
22 Nicolas Perriault (nperriault@gmail.com)
26 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8" />
27 <meta http-equiv=
"X-UA-Compatible" content=
"chrome=1">
28 <title>Semaine tech AUF
</title>
31 <link rel=
"stylesheet" media=
"print" href=
"theme/css/print.css">
32 <link rel=
"stylesheet" media=
"screen, projection" href=
"theme/css/screen.css">
38 <script type=
"text/javascript" src=
"theme/js/slides.js"></script>
44 <div id=
"blank"></div>
45 <div class=
"presentation">
46 <div id=
"current_presenter_notes">
47 <div id=
"presenter_note"></div>
51 <!-- slide source: django.md -->
52 <div class=
"slide-wrapper">
56 <header><h1>Semaine tech AUF
</h1></header>
59 <section><p><strong>Atelier
</strong>: Django
</p>
60 <p><strong>Présentateur
</strong>: Olivier Larchevêque
</p>
61 <p><strong>Date et heure de passage
</strong>:
</p>
63 <li>29 Août
2011 à
13h00 TU
</li>
64 <li>1er Septembre à
13h00 TU
</li>
66 <p><strong>Durée prévue
</strong>:
45 minutes de présentations (max) +
15 minutes de questions
</p>
67 <p><strong>Pré-requis
</strong> :
<a href=
"http://wiki.auf.org/wikiteki/Projet/SemaineTech/Ateliers/Django">WikiTeki
</a></p></section>
70 <div class=
"presenter_notes">
71 <header><h1>Presenter Notes
</h1></header>
78 <aside class=
"source">
79 Source:
<a href=
"django.md">django.md
</a>
82 <aside class=
"page_number">
89 <!-- slide source: django.md -->
90 <div class=
"slide-wrapper">
94 <header><h1>Plan
</h1></header>
98 <li>Présentation des concepts du framework Web Django (
10min)
</li>
99 <li>Création d'un modèle de données (
10min)
</li>
100 <li>Création d'une interface d'administration (
10min)
</li>
101 <li>Création d'une vue accompagnée de sa template pour le portail (
10min)
</li>
102 <li>Questions (
15min)
</li>
106 <div class=
"presenter_notes">
107 <header><h1>Presenter Notes
</h1></header>
114 <aside class=
"source">
115 Source:
<a href=
"django.md">django.md
</a>
118 <aside class=
"page_number">
125 <!-- slide source: django.md -->
126 <div class=
"slide-wrapper">
130 <header><h1>Qu'est-ce qu'un framework Web?
</h1></header>
134 <div class=
"presenter_notes">
135 <header><h1>Presenter Notes
</h1></header>
142 <aside class=
"source">
143 Source:
<a href=
"django.md">django.md
</a>
146 <aside class=
"page_number">
153 <!-- slide source: django.md -->
154 <div class=
"slide-wrapper">
158 <header><h1>Le modèle MVC
</h1></header>
161 <section><h2>Définition (ultra-courte)
</h2>
162 <p>Méthode de conception visant à créer une séparation
163 logique des données, de leur manipulation et de leur visualisation.
164 <a href=
"http://fr.wikipedia.org/wiki/Mod%C3%A8le-Vue-Contr%C3%B4leur">Wikipedia
</a></p>
171 <p>Données métiers, souvent directement lié à la base de donnée.
</p>
173 <p>Interface qui fait le lien entre l'utilisateur et l'application, généralement la page HTML.
</p>
174 <h2>C : contoler
</h2>
175 <p>Passerelle entre les models et les views : il adapte, traite, préparent les données.
</p></section>
178 <div class=
"presenter_notes">
179 <header><h1>Presenter Notes
</h1></header>
186 <aside class=
"source">
187 Source:
<a href=
"django.md">django.md
</a>
190 <aside class=
"page_number">
197 <!-- slide source: django.md -->
198 <div class=
"slide-wrapper">
202 <header><h1>Traitement d'une requête
</h1></header>
207 <li>URL dispatcher
</li>
208 <li>Invocation de la vue
</li>
209 <li>Traitements divers
</li>
210 <li>Combinaison des données avec la template
</li>
211 <li>Réponse HTTP
</li>
215 <div class=
"presenter_notes">
216 <header><h1>Presenter Notes
</h1></header>
223 <aside class=
"source">
224 Source:
<a href=
"django.md">django.md
</a>
227 <aside class=
"page_number">
234 <!-- slide source: django.md -->
235 <div class=
"slide-wrapper">
239 <header><h1>Concrêtement dans Django c'est où?
</h1></header>
243 <div class=
"presenter_notes">
244 <header><h1>Presenter Notes
</h1></header>
251 <aside class=
"source">
252 Source:
<a href=
"django.md">django.md
</a>
255 <aside class=
"page_number">
262 <!-- slide source: django.md -->
263 <div class=
"slide-wrapper">
267 <header><h1>Application
"support"</h1></header>
270 <section><h2>URL dispatcher
</h2>
272 <li>project/support/urls.py
</li>
274 <h2>Modèles de données
</h2>
276 <li>project/support/models.py
</li>
280 <li>project/support/views.py
</li>
284 <li>project/support/templates/*.html
</li>
288 <div class=
"presenter_notes">
289 <header><h1>Presenter Notes
</h1></header>
296 <aside class=
"source">
297 Source:
<a href=
"django.md">django.md
</a>
300 <aside class=
"page_number">
307 <!-- slide source: django.md -->
308 <div class=
"slide-wrapper">
312 <header><h1>Partie pratique
</h1></header>
315 <section><p>Pour chaques étapes, vous pouvez jouer dans le projet pendant
10min.
316 À la fin de chacune des étapes, si vous êtes en difficultés, on propose
317 une solution pour passer à l'étape suivante.
</p>
318 <p><em>Remarque
</em> : le projet est déjà commencé, vous pouvez vous inspirer de ce
319 qui est déjà fait. J'ai laissé quelques commentaires dans le code source
320 pour vous guider.
</p>
323 <li>Créer un modèle
</li>
324 <li>Créer une interface d'administration pour ce modèle
</li>
325 <li>Créer une vue avec sa template
</li>
329 <div class=
"presenter_notes">
330 <header><h1>Presenter Notes
</h1></header>
337 <aside class=
"source">
338 Source:
<a href=
"django.md">django.md
</a>
341 <aside class=
"page_number">
348 <!-- slide source: django.md -->
349 <div class=
"slide-wrapper">
353 <header><h1>Questions
</h1></header>
357 <div class=
"presenter_notes">
358 <header><h1>Presenter Notes
</h1></header>
365 <aside class=
"source">
366 Source:
<a href=
"django.md">django.md
</a>
369 <aside class=
"page_number">
379 <div id=
"toc" class=
"sidebar hidden">
380 <h2>Table of Contents
</h2>
382 <caption>Table of Contents
</caption>
385 <th><a href=
"#slide1">Semaine tech AUF
</a></th>
386 <td><a href=
"#slide1">1</a></td>
391 <th><a href=
"#slide2">Plan
</a></th>
392 <td><a href=
"#slide2">2</a></td>
397 <th><a href=
"#slide3">Qu'est-ce qu'un framework Web?
</a></th>
398 <td><a href=
"#slide3">3</a></td>
403 <th><a href=
"#slide4">Le modèle MVC
</a></th>
404 <td><a href=
"#slide4">4</a></td>
409 <th><a href=
"#slide5">Traitement d'une requête
</a></th>
410 <td><a href=
"#slide5">5</a></td>
415 <th><a href=
"#slide6">Concrêtement dans Django c'est où?
</a></th>
416 <td><a href=
"#slide6">6</a></td>
421 <th><a href=
"#slide7">Application
"support"</a></th>
422 <td><a href=
"#slide7">7</a></td>
427 <th><a href=
"#slide8">Partie pratique
</a></th>
428 <td><a href=
"#slide8">8</a></td>
433 <th><a href=
"#slide9">Questions
</a></th>
434 <td><a href=
"#slide9">9</a></td>
441 <div id=
"help" class=
"sidebar hidden">
444 <caption>Help
</caption>
446 <th>Table of Contents
</th>
454 <th>Full screen slides
</th>
458 <th>Presenter View
</th>
462 <th>Source Files
</th>
466 <th>Slide Numbers
</th>
470 <th>Toggle screen blanking
</th>
474 <th>Show/hide slide context
</th>
487 <script>main()</script>