-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
496 lines (440 loc) · 24.1 KB
/
index.html
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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
---
title: "PySHS"
tagline: Présentation du manuel PySHS
permalink: /index.html
variable: Value
title: Python pour les Sciences Humaines et Sociales
subheading: Introduction à la programmation pour le traitement de données. Ce livre propose de familiariser des débutants à la programmation Python et à plus long terme favoriser le développement d'une communauté francophone des utilisateurs de Python en SHS
price: 25 €
authors:
- name: Émilien Schultz
avatar: https://avatars3.githubusercontent.com/u/8395084?s=400&u=abe9c11956627e1253d1267d7b97e5a8f0a1a22d&v=4
bio: Émilien Schultz est chercheur en sociologie. Il mène des recherches sur la science et l’innovation dans le cadre de collaborations interdisciplinaires, avec un intérêt pour les différentes méthodologies d’enquête. http://eschultz.fr
links:
- globe-europe: http://eschultz.fr
linkb:
- github-alt: http://github.com/Emilienschultz/
- twitter: https://twitter.com/emilienschultz
- name: Matthias Bussonnier
avatar: https://avatars2.githubusercontent.com/u/335567?s=400&v=4
bio: Matthias Bussonnier est biophysicien de formation, agrégé en physique de l’ENS de Cachan, récipiendaire du Prix ACM Software System pour son travail sur Jupyter avec l'Université de Berkeley et contributeur Open source et Python. Il développe des solutions avec Python tout en participant à l’amélioration de grand nombre de projets visant à améliorer l'utilisation des outils de programmation pour les sciences comme IPython et Jupyter.
linkb:
- twitter: https://twitter.com/mbussonn
- github-alt: http://github.com/Carreau
reviews:
- name: KamsBlog
url: https://www.instagram.com/kamsblog/
role: Illustratrice
avatar: https://avatars1.githubusercontent.com/u/16726828?s=400&u=597a9cef5f4c9e7317e8c7295a29b7f22c20cf98&v=4
review: "Je peux faire la couverture ?"
- name: R Lover
role: Critique
avatar: https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/R_logo.svg/131px-R_logo.svg.png
review: "Pourquoi faire du Python alors que R existe ?"
- name: Boa Vista Social Club
role: Amis des serpents
avatar: https://i.ytimg.com/vi/LhUhWn12qt8/maxresdefault.jpg
review: "Nous aimons aussi beaucoup les serpents"
- name: Un sociologue
role: Doctorant
avatar: https://upload.wikimedia.org/wikipedia/commons/2/23/%C3%89mile_Durkheim.jpg
review: "Enfin un livre de programmation pensé pour les SHS. Si seulement je l'avais eu à l'époque."
more_link: "#buy"
viz:
- chap7-visualisation_27_0.png
- chap7-visualisation_29_0.png
- chap7-visualisation_31_0.png
- chap7-visualisation_33_0.png
- chap7-visualisation_49_0.png
- chap7-visualisation_55_0.png
- chap9-usages-avances_50_0.png
- chap11-usages-avances_68_0.png
- chap11-usages-avances_78_0.png
---
<!DOCTYPE html>
<html lang="en">
<head>
<title>PySHS - {{page.title}}</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{page.title}}">
{% for author in page.authors %}
<meta name="author" content="{{author.name}}">
{% endfor %}
<link rel="shortcut icon" href="favicon.ico">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Quicksand:700|Roboto:400,400i,700&display=swap" rel="stylesheet">
<!-- FontAwesome JS-->
<script defer src="assets/fontawesome/js/all.min.js"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/theme.css">
<style>
.author-pic, .source-profile{
border-radius: 200px;
}
.container.py-3 > *{ color:white;}
.container.py-3 > ul > li > a{ color:white;}
.carousel-inner-images {
min-height: 550px;
}
a.btn.btn-tertiary{
background: #ed6524;
border: 2px solid white;
color: white;
margin-bottom:1em;
}
a.btn.btn-tertiary:hover, a.btn.btn-tertiary:active, a.btn.btn-tertiary:focus, a.btn.btn-tertiary:not(:disabled):not(.disabled):active {
background: white;
border: 2px solid white;
color: #ed6524;
}
</style>
</head>
<body>
<!--
Ce site est disponible sur GitHub.
-->
<header class="header">
<div class="branding">
<div class="container-fluid position-relative py-3">
<div class="logo-wrapper">
<div class="site-logo"><a class="navbar-brand" href="/"><img class="logo-icon mr-2"
src="assets/images/site-logo.svg" alt="logo" ><span class="logo-text">PySHS</span></a></div>
</div><!--//docs-logo-wrapper-->
</div><!--//container-->
</div><!--//branding-->
</header><!--//header-->
<section class="hero-section">
<div class="container">
<div class="row">
<div class="col-12 col-md-7 pt-5 mb-5 align-self-center">
<div class="promo pr-md-3 pr-lg-5">
<h1 class="headline mb-3">
{{page.title}}
</h1><!--//headline-->
<div class="subheadline mb-4">
{{page.subheading}}
</div><!--//subheading-->
<div class="cta-holder">
<a class="btn btn-secondary scrollto" href="#benefits-section">En Savoir Plus</a>
<a class="btn btn-secondary scrollto" href="#interactifs">Scripts</a>
<a class="btn btn-primary mr-lg-2 scrollto"
href="#buy">Acheter</a>
</div><!--//cta-holder-->
<div class="hero-quotes mt-5">
<div id="quotes-carousel" class="quotes-carousel carousel slide carousel-fade mb-5" data-ride="carousel" data-interval="6000">
<ol class="carousel-indicators">
{% for review in page.reviews %}
<li data-target="#quotes-carousel" data-slide-to="{{forloop.index0}}" class="{% if forloop.first == true %}active{% endif %}"></li>
{% endfor %}
</ol>
<div class="carousel-inner">
{% for review in page.reviews %}
<div class="carousel-item {% if forloop.first == true %}active{% endif %}">
<blockquote class="quote p-4 theme-bg-light">
{{review.review}}
</blockquote><!--//item-->
<div class="source media flex-column flex-md-row align-items-center">
<img class="source-profile mr-md-3" src="{{review.avatar}}" alt="image" >
<div class="source-info media-body text-center text-md-left">
{% if review.url %}
<div class="source-name"><a href={{review.url}}>{{review.name}}</a></div>
{% else %}
<div class="source-name">{{review.name}}</div>
{% endif %}
<div class="soure-title">{{review.role}}</div>
</div>
</div><!--//source-->
</div><!--//carousel-item-->
{% endfor %}
</div><!--//carousel-inner-->
</div><!--//quotes-carousel-->
<br/>
<p>Voir ce que twitter dit pour le hashtag <a
href="https://twitter.com/hashtag/pyshs">#pyshs</a>, et postez vos retours sur twitter.</p>
</div><!--//hero-quotes-->
</div><!--//promo-->
</div><!--col-->
<div class="col-12 col-md-5 mb-5 align-self-center">
<div class="book-cover-holder">
<img class="img-fluid book-cover" src="assets/images/devbook-cover.png" alt="book cover" >
<!--<div class="book-badge d-inline-block shadow">
Début </br>2021
</div>-->
</div><!--//book-cover-holder-->
<div class="text-center"><a class="theme-link scrollto" href="#reviews-section">Commentaires</a></div>
</div><!--col-->
</div><!--//row-->
</div><!--//container-->
</section><!--//hero-section-->
<section id="author-section" class="author-section section theme-bg-primary py-5 text-white">
<div class="container py-3" style='text-align:center'>
<h3 id='interactifs' class='text-center'>Les codes associés au livre</h3>
<p>L'ensemble des codes du manuel sont disponibles en ligne. Vous pouvez aussi directement les exécuter grâce à Binder
(explications sur le dépôt)</p>
<a class="btn btn-tertiary" href="https://github.com/pyshs/exemples-manuel">Dépôt GitHub du manuel</a>
<p> Des questions ou des erreurs, venez contribuer sur le dépôt GitHub du manuel.</p>
</div>
</section>
<section id="benefits-section" class="benefits-section theme-bg-light-gradient py-5">
<div class="container py-5">
<h2 class="section-heading text-center mb-3">Que trouverez-vous dans ce livre ?</h2>
<div class="section-intro single-col-max mx-auto text-center mb-5">Ce manuel est une introduction à la programmation Python pour les SHS.
Il est tourné vers la pratique. <a href="https://github.com/pyshs/exemples-manuel/blob/master/Sommaire-PySHS.pdf">Le sommaire du livre est ici.</a></div>
<div class="row text-center">
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon"><i class="fas fa-laptop-code"></i></div>
<h3 class="item-heading">Comprendre l'intérêt de la programmation</h3>
</div><!--//item-heading-->
<div class="item-desc">
Approche douce de la programmation avec Python intégrée aux besoins des SHS.
</div><!--//item-desc-->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon"><i class="fab fa-python"></i></div>
<h3 class="item-heading">Python 3.8, Jupyter, Seaborn...</h3>
</div><!--//item-heading-->
<div class="item-desc">
Utilisation des dernières versions de Python et des bibliothèques les plus connues de Python
(matplotlib, pandas, seaborn, jupyter, networkx, cartopy, spacy...)
</div><!--//item-desc-->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon"><i class="fas fa-code"></i></div>
<h3 class="item-heading">Minimum de code, maximum d'exemples</h3>
</div><!--//item-heading-->
<div class="item-desc">
La puissance de Python est due à ses bibliothèques. Applications sur un jeu de données de l'INSEE.
</div><!--//item-desc-->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon"><i class="fas fa-table"></i></div>
<h3 class="item-heading">Manipuler les données de tableur avec Pandas</h3>
</div><!--//item-heading-->
<div class="item-desc">
Les données tabulaires sont au cœur de nombreux traitements en SHS. Apprenez à utiliser Pandas pour manipuler
des tableaux de données plus rapidement et sûrement qu'avec un tableur.
</div><!--//item-desc-->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon"><i class="fas fa-map-marked-alt"></i></div>
<h3 class="item-heading">Faire des cartes avec GeoPandas et Matplotlib</h3>
</div><!--//item-heading-->
<div class="item-desc">
Pour les données géographique, GeoPandas et Matplotlib permettent de passer du tableau de données à la carte.
</div><!--//item-desc-->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon"><i class="fas fa-book-open"></i></div>
<h3 class="item-heading">Analyse de text avec SpaCy</h3>
</div><!--//item-heading-->
<div class="item-desc">
Les données non structurées (articles, tweets, interviews) font partie des données collectées en
SHS. Apprennez à traiter ces données de la mise en forme à l'analyse textuelle.
</div><!--//item-desc-->
</div><!--//item-inner-->
</div><!--//item-->
</div><!--//row-->
</div><!--//container-->
</section><!--//benefits-section-->
<section id="content-section" class="content-section">
<div class="container">
<div class="mx-auto">
<h2 class="section-heading text-center mb-5">Inclus</h2>
<div class="row">
<div class="col-12 col-md-6">
<div id="image-carousel" class="hero-quotes carousel slide carousel-fade mb-5" data-ride="carousel" data-interval="3000">
<ol class="carousel-indicators">
{% for viz in page.viz %}
<li data-target="#image-carousel" data-slide-to="{{forloop.index0}}" class="{% if forloop.first == true %}active{% endif %}"></li>
{% endfor %}
</ol>
<div class="carousel-inner-images">
{% for viz in page.viz %}
<div class="carousel-item {% if forloop.first == true %}active{% endif %}">
<img class="img-fluid" src="assets/images/{{viz}}" />
</div><!--//carousel-item-->
{% endfor %}
</div><!--//carousel-inner-images-->
</div><!--//quotes-carousel-->
</div><!--//col-->
<div class="col-12 col-md-6 mb-5">
<div class="key-points mb-4 text-center">
<ul class="key-points-list list-unstyled mb-4 mx-auto d-inline-block text-left">
<li><i class="fas fa-check-circle mr-2"></i>Exemples</li>
<li><i class="fas fa-check-circle mr-2"></i>Bases de programmation</li>
<li><i class="fas fa-check-circle mr-2"></i>Manipulation de tableaux</li>
<li><i class="fas fa-check-circle mr-2"></i>Statistiques descriptives et avancées</li>
<li><i class="fas fa-check-circle mr-2"></i>Visualisations</li> <li><i class="fas fa-check-circle mr-2"></i>Analyse de réseau</li>
<li><i class="fas fa-check-circle mr-2"></i>Analyse textuelle</li>
<li><i class="fas fa-check-circle mr-2"></i>Analyse de réseau</li>
<li><i class="fas fa-check-circle mr-2"></i>Cartographie</li>
</ul>
<div class="text-center"><a class="btn btn-primary" href="{{page.more_link}}">Je veux ce livre</a></div>
</div><!--//key-points-->
</div><!--//col-12-->
</div><!--//row-->
</div><!--//single-col-max-->
</div><!--//container-->
</section><!--//content-section-->
<section id="audience-section" class="audience-section py-5">
<div class="container">
<h2 class="section-heading text-center mb-4">Ce livre est-il pour vous ?</h2>
<div class="section-intro single-col-max mx-auto text-center mb-5">
Ce livre résulte d'un constat : l'absence de support pour se former à Python dans une perspective
de sciences humaines et sociales. Nous essayons donc de passer un temps minimal sur les concepts de
programmation pour nous concentrer sur les usages envisageables.
</div><!--//section-intro-->
<div class="audience mx-auto">
<div class="item media">
<div class="item-icon mr-3"><i class="fas fa-user-check"></i></div>
<div class="media-body">
<h4 class="item-title">Étudiant.e en SHS</h4>
<div class="item-desc">Vous avez des données à analyser : partez avec les bonnes habitudes et
commencez avec Python</div>
</div><!--//media-body-->
</div><!--//item-->
<div class="item media">
<div class="item-icon mr-3"><i class="fas fa-user-check"></i></div>
<div class="media-body">
<h4 class="item-title">Professionnel.le</h4>
<div class="item-desc">Systématisez vos traitements pour pouvoir les réutiliser</div>
</div><!--//media-body-->
</div><!--//item-->
<div class="item media">
<div class="item-icon mr-3"><i class="fas fa-user-check"></i></div>
<div class="media-body">
<h4 class="item-title">Chercheur.se en SHS</h4>
<div class="item-desc">Python est gratuit et permet de s'adapter à la particularité de vos traitements</div>
</div><!--//media-body-->
</div><!--//item-->
<div class="item media">
<div class="item-icon mr-3"><i class="fas fa-user-check"></i></div>
<div class="media-body">
<h4 class="item-title">Curieux.se</h4>
<div class="item-desc">Vous voulez comprendre ce qu'il est possible de faire en Python ou mieux comprendre la logique de la programmation scientifique</div>
</div><!--//media-body-->
</div><!--//item-->
</div><!--//audience-->
</div><!--//container-->
</section><!--//audience-section-->
<!--<section id="form-section" class="form-section">
<div class="container">
<div class="lead-form-wrapper single-col-max mx-auto theme-bg-light rounded p-5">
<h2 class="form-heading text-center">Questions et Errata</h2>
<div class="form-intro text-center mb-3">Des questions ou des erreurs, venez contribuer sur le dépôt GitHub du manuel.</div>
<div class="form-wrapper">
<form class="form-inline justify-content-center flex-wrap">
<a href='https://github.com/pyshs' type="submit" class="btn btn-primary btn-submit mb-3
mb-md-0">Aller sur GitHub</a>
</form>
</div>
</div>
</div>
</section>
-->
<section id="author-section" class="author-section section theme-bg-primary py-5 text-white">
<div class="container py-3">
<h3 id='buy' class='text-center'>Où trouver ce livre ?</h3>
<p>Le manuel est disponible à partir de janvier 2021 aux Presses Universitaires de Rennes en version papier (noir et blanc). Privilégiez votre
libraire locale si possible.</p>
<!-- <ul class='key-points-list list-unstyled mb-4 mx-auto d-inline-block text-left'>
<li><i class="fas fa-check-circle mr-2"></i><a href="https://www.parislibrairies.fr/livre/9782753581067-python-pour-les-shs-introduction-a-la-programmation-pour-le-traitement-de-donnees-schultz-bussonnier/">Trouver sur ParisLibraries.fr</a></li>
<li><i class="fas fa-check-circle mr-2"></i><a href="">FNAC TODO</a></li>
<li><i class="fas fa-check-circle mr-2"></i><a href="">AMAZON (TODO)</a></li>
<li><i class="fas fa-check-circle mr-2"></i><a href="https://www.librest.com/livres/python-pour-les-shs--introduction-a-la-programmation-pour-le-traitement-de-donnees-emilien-schultz_0-6844421_9782753581067.html">Librest.com</a></li>
</ul> -->
</div>
</section>
<section id="reviews-section" class="reviews-section py-5">
<div class="container">
<h2 class="section-heading text-center">Commentaires</h2>
<div class="section-intro text-center single-col-max mx-auto mb-5">Ce qui se dit sur le livre (et Python) en SHS</div>
<div class="row justify-content-center">
{% for review in page.reviews %}
<div class="item col-12 col-lg-4 p-3 mb-4">
<div class="item-inner theme-bg-light rounded p-4">
<blockquote class="quote">
"{{review.review}}"
</blockquote><!--//item-->
<div class="source media flex-column flex-md-row align-items-center">
<img class="source-profile mr-md-3" src="{{review.avatar}}" alt="image" >
<div class="source-info media-body text-center text-md-left">
<div class="source-name">{{review.name}}</div>
<div class="soure-title">{{review.role}}</div>
</div>
</div><!--//source-->
<div class="icon-holder"><i class="fas fa-quote-right"></i></div>
</div><!--//inner-->
</div><!--//item-->
{% endfor %}
</div><!--//row-->
<div class="text-center">
<!---<a class="btn btn-primary" href="{{page.more_link}}">Get Your Copy Today</a>-->
</div>
</div><!--//container-->
</section><!--//reviews-section-->
<section id="author-section" class="author-section section theme-bg-primary py-5">
<div class="container py-3">
<h2 class="section-heading text-center text-white mb-3">Les auteurs</h2>
{% for author in page.authors %}
<div class="author-profile text-center mb-5">
<img class="author-pic" src="{{author.avatar}}" alt="image" >
<h3 class="section-heading text-center text-white mb-4">{{author.name}}</h2>
</div><!--//author-profile-->
<div class="author-bio single-col-max mx-auto">
<p>{{author.bio}}</p>
<div class="author-links text-center pt-4">
<h5 class="text-white mb-4">Suivre</h5>
<ul class="social-list list-unstyled">
{% for link in author.linkb %}
{% for ll in link %}
<li class="list-inline-item"><a href="{{ll[1]}}"><i class="fab fa-{{ll[0]}}"></i></a></li>
{% endfor%}
{% endfor %}
{% for link in author.links %}
{% for ll in link %}
<li class="list-inline-item"><a href="{{ll[1]}}"><i class="fas fa-{{ll[0]}}"></i></a></li>
{% endfor%}
{% endfor %}
</ul><!--//social-list-->
</div><!--//author-links-->
</div><!--//author-bio-->
{% endfor %}
</div><!--//container-->
</section><!--//author-section-->
<footer class="footer">
<div class="footer-bottom text-center py-5">
<!--/* This template is free as long as you keep the footer attribution link. If you'd like to use the template without the attribution link, you can buy the commercial license via our website: themes.3rdwavemedia.com Thank you for your support. :) */-->
<small class="copyright">Designed with <i class="fas fa-heart" style="color: #fb866a;"></i> by <a class="theme-link" href="http://themes.3rdwavemedia.com" target="_blank">Xiaoying Riley</a> for developers</small>
</div>
</footer>
<!-- Javascript -->
<script src="assets/plugins/jquery-3.4.1.min.js"></script>
<script src="assets/plugins/popper.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/jquery.scrollTo.min.js"></script>
<script src="assets/plugins/back-to-top.js"></script>
<script src="assets/js/main.js"></script>
<script>console.log("Bonjour petit curieux. Regarde la source HTML de la page pour plus d'info.")</script>
</body>
</html>