cours-02.html 19.9 KB
   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
 496
 497
 498
 499
 500
 501
 502
 503
 504
 505
 506
 507
 508
 509
 510
 511
 512
 513
 514
 515
 516
 517
 518
 519
 520
 521
 522
 523
 524
 525
 526
 527
 528
 529
 530
 531
 532
 533
 534
 535
 536
 537
 538
 539
 540
 541
 542
 543
 544
 545
 546
 547
 548
 549
 550
 551
 552
 553
 554
 555
 556
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Programmation Impérative   Interpréteur Bash</title>
<meta name="cours-n" content="2">

<meta name="author" content="Rémi Emonet">
<meta name="venue" content="ProgImp L2 Chimie/SPI">
<meta name="date" content="2016">
<meta name="affiliation" content="Université Jean Monnet − Laboratoire Hubert Curien">
<style type="text/css">
.simplified { opacity: 0.1; }
</style>

<!--
<script src="deck.js/extensions/includedeck/load.js"></script>
<script src="extensions/slides-dev.js"></script>
-->
<script src="extensions/deck-packed.js"></script>
<script src="extensions/slides.js"></script>
<script>go(function() {
$('.overview:last').addClass('no-print');
})</script>
</head>

<body>

<div class="deck-container">

<div class="deck-loading-splash" style="background: black; color: chartreuse;"><span class="vcenter" style="font-size: 30px; font-family: Arial; ">Please wait, while our marmots are preparing the hot chocolate…</span></div>

<section class="smart">

# @chunk: chunks/title.md

# Questions ? <br/> Commentaires ? {no-print}

# @chunk: chunks/objectives.md

## Programmation Impérative <span>{var-cours-n}</span> : Plan {#plan overview bash}
- Introduction
- Arborescence de fichiers {fich}
- Ligne de commande {cmd}
- Le "shell" Bash {bash}
- Automatisation et écriture de script {scripting}
- Boucles for {looping}
- Besoin d'espaces {spaces}

## Sondage {no-print libyli}
- Idées de TP ?
- Qui joue à des jeux vidéos ? // + what + reproduire what
- snake, tetris, lunar lander, … ?
- Simulation physiques ?
- Traitement de données ?
- Interfaces interactives (boutons, ...) ?
- Idées de TP ?


# Avant de commencer… <a href="cours-quizz.html" target="_blank">quizzs</a> {no-print}

<!-- arborescence -->
# @copy:#plan: %+class:inred: .fich

## Arborescence de fichiers

@svg: media/arborescence/tree.svg 350px 400px {floatleft}

@svg: media/arborescence/treemap.svg 350px 400px {floatright}

@anim: #home | #bob | #films | #filmsall | #music | #album | #albumall

## Chemins relatifs et chemins absolus
- Chemin relatif{slide}
- `cr.txt` : fichier `cr.txt` dans le dossier courant
- `tp1/cr.txt` :{slide}
- fichier `cr.txt` dans le dossier `tp1` lui même dans le dossier courant
- `..` : dossier parent du dossier courant{slide}
- `../../` : dossier parent du dossier parent du dossier courant{slide}
- `../../tp12` : `tp12` dans le parent du parent du dossier courant{slide}
// question : que vaut tp1/../tp2/cr.txt
- `./tp1/ex3/programme.py`{slide}
- Chemin absolu{slide}
- `/home/bob` : le dossier `bob` dans le dossier `home`, à la racine
- `/home/bob/prog-imp/tp1/ex3/programme.py`
- Règles{slide}
- si le chemin commence par `/` il est absolu (à partir de la racine)
- les parties sont séparées par `/`
// \ sous windows mais / marche aussi
- `.` désigne le dossier courant{slide anim-continue}
- `..` désigne le dossier parent{slide anim-continue}
- `~` en début de chemin désigne la « maison » (`/home/bob`){slide}
// Q: /home/bob/prog-imp/../music/mon.mp3

# @chunk: chunks/q/arbo-rel-1.md
# @chunk: chunks/q/arbo-rel-2.md
# @chunk: chunks/q/arbo-rel-3.md
<!-- simplified
# @chunk: chunks/q/arbo-abs-1.md
# @chunk: chunks/q/arbo-rel-4.md
-->
# @chunk: chunks/q/arbo-abs-2.md
# @chunk: chunks/q/arbo-all.md

<!-- Ligne de commande -->
# @copy:#plan: %+class:inred: .cmd

## Ligne de commande // un peu de recul
- Ce que fait un ordinateur (vu de loin){slide}
- lancer des programmes,
- stocker des données,
- communiquer avec d'autres ordinateurs,
- interagir avec nous.
// oui mais comment ?
- Interaction graphique : Graphical User Interface (GUI){slide}
// windows etc, souris pointeurs icones
- Ligne de commande : Command Line Interface (CLI){slide}
- "Shell" : un programme qui en lance d'autres
- Notion de "REPL"{slide}
// faire un schéma avec le clavier, écran, et le shell
- **R**ead : lecture au clavier de la commande
- **E**xecute : exécution de la commande
- **P**rint : affichage du résultat
- **L**oop : boucle, retour à "Read"
- Pourquoi le shell ?{slide}
- excellent rapport actions/frappes-de-touche
- permets d'automatiser des tâches répétitives
- accès à distance
- Défaut : textuel et un peu obscur au départ{slide}





<!-- bash -->
# @copy:#plan: %+class:inred: .bash


## Bash : historique et vue globale
- Le plus utilisé des shells (aujourd'hui)
- Successeur de « sh » (1977)
- Créé en 1989
- Écrit en langage C{slide}
- Standard{slide}
// bien défini, dispo un peu partout
- Exemples de commandes{slide}
- externes : `mkdir`, `ls`, `touch`, `echo`, `firefox`, …
<br/> ^ ce sont elles mêmes des programmes
- internes : `cd`, `pwd`, `history`, `bg`, `fg`

## Bash : syntaxe
- Syntaxe = comment il faut écrire les choses
- Lancement d'un programme{slide}
- `nom-de-programme`
- `nom-de-programme parametre`{slide}
- `nom-de-programme parametre1 parametre2 parametre3 …`{slide}
- autant d'espace que l'on veut : `prog param` = *prog     param{smartcode}* {slide}
- *nom-de-programme &amp;{smartcode}* (en fond de tâche){slide}
- Exemples{slide}
- `ls`
- `ls -l`
- `ls -l src`
- `rm cr.txt`
- `rm -r src`
- `ls ../../tp2/ex2/src`
- `wc -l programme.py ../cr.txt`
- // wc == word count, -l == lines
- `man cp`

# Go Démo {no-print}

## Analyse de Quelques Commandes
- Noms obscurs{slide}
- raison historique : garder l'existant
- objectif d'efficacité : taper moins, raccourcis
// … pas forcement cohérents
- Utilisations de commandes de base{slide libyli}
- `cp a.txt b` : copie le fichier `a.txt` en tant que `b`
- si `b` existe déjà, il est écrasé
- si `b` existe déjà et est un dossier, un fichier `b/a.txt` est créé
- `cp a.txt b/` : copie le fichier `a.txt` en tant que `b/a.txt`
- si `b` n'est pas un dossier existant, erreur
// pratique, il vaut mieux une erreur que ce qui vous est arrivé en TP
- `cp a.txt b.txt c` : copie `a.txt` et `b.txt` dans le dossier `c`
- `mv a.txt b` : comme `cp` mais déplace le fichier
- `echo bonjour` : affiche le texte `bonjour`
- `echo bonjour bob` : affiche le texte `bonjour bob`
- *echo bonjour   bob{smartcode}* : affiche le texte `bonjour bob`
// rappel sur le fait que les paramètres sont séparés par des espaces
- `wc fichier.txt` : affiche les nombres de lignes, mots, caractères du fichier
- `wc -l fichier.txt` : affiche les nombres de lignes du fichier

## Documentation pour les commandes
- Manuel avec la commande `man` (si man est installé)
- `man ls`

```
NOM
ls - Afficher le contenu de répertoires
SYNOPSIS
ls [OPTION]... [FICHIER]...
DESCRIPTION
Afficher les informations des FICHIERs (du répertoire courant par
défaut). Les entrées sont triées alphabétiquement si aucune des options
-cftuvSUX ou --sort n'est utilisée.

Les paramètres obligatoires pour les options de forme longue le sont
aussi pour les options de forme courte.

-a, --all
inclure les entrées débutant par « . »

-A, --almost-all
omettre les fichiers « . » et « .. »
...
{stdout denser displaynone lsman nolinenumbers}
```

- @anim: -.lsman + %+class:displaynone:.lsman + %-class:displaynone:.lshelp +
- Option `--help` souvent disponible {slide}
- `ls --help`
- // décortiquer la doc en live

```
Utilisation : ls [OPTION]... [FILE]...
Affiche les informations à propos des FILE(s) (du répertoire actuel par défaut).
Trie les entrées alphabétiquement si aucune des options -cftuvSUX ou --sort
n'est utilisées.
Les arguments obligatoires pour les options longues le sont aussi pour les
options courtes.
-a, --all do not ignore entries starting with .
-A, --almost-all do not list implied . and ..
--author with -l, print the author of each file
-b, --escape print C-style escapes for nongraphic characters
--block-size=SIZE utilise des blocs de SIZE octets. Voir le format de
SIZE ci-dessous.
-B, --ignore-backups n'inclut pas dans la liste, les entrées se
terminant par ~
-c avec -lt, affiche et tri selon ctime (date de
dernière modification provenant des informations de
statut du fichier)
...
{stdout denser lshelp nolinenumbers}
```



# Go Démo {no-print}


## Beaucoup à Apprendre des Docs :<br/> Options/Alternatives Pratiques
- `cp --help`

```
Utilisation : cp [OPTION]... [-T] SOURCE DEST
ou : cp [OPTION]... SOURCE... DIRECTORY
ou : cp [OPTION]... --target-directory=DIRECTORY SOURCE...
Copie la SOURCE vers DEST, ou de multiples SOURCES vers DIRECTORY.
Les arguments obligatoires pour les options longues le sont aussi pour les
options courtes.
-a, --archive identique à -dpR --preserve=all
--backup[=CONTROL] archive chaque fichier de destination
-b comme --backup mais n'accepte pas d'argument
--copy-contents copie le contenu des fichiers spéciaux en mode
récursif
-d identique à --no-dereference --preserve=links
-f, --force si un fichier de destination existe et ne peut
être ouvert alors le supprime et essaie à
nouveau (redondant si l'option -n est utilisée)
-i, --interactive demande confirmation avant d'écraser (surcharge
une précédente option -n)
-H suit les liens symboliques de ligne de commande
dans SOURCE
-l, --link lie les fichiers au lieu de les copier
-L, --dereference toujours suivre les liens symboliques dans SOURCE
...
{stdout denser nolinenumbers}
```

# @chunk: chunks/q/mv-1.md
# @chunk: chunks/q/mv-2.md
# @chunk: chunks/q/cp-1.md

## Wildcards/joker en Bash + combinaisons // des raccourcis magiques
- Joker de **noms de fichiers** : `*` et `?`{slide}
- `ls *.txt` &rArr; liste les fichiers (ou dossiers) en `.txt`
- `ls cours-*` &rArr; ceux dont le nom commence par `cours-`
- `ls t?` &rArr; ceux dont le nom a deux lettres et commence par `t`{slide anim-continue}
// exemple : tp, td
- `ls ???` &rArr; ceux dont le nom a trois lettres{slide}
- `ls a[bcz]?` &rArr; ceux de trois lettres commençant par `ab` `ac` `az`{slide simplified}
- *Important : `*` et `?` interprétés par le shell*{slide}
// ls ne fait rien dans les exemples d'avant
- `echo *.mp3` affiche la liste des fichiers mp3 (existants)
- `mv *.txt src/` déplace les fichiers `.txt` dans le dossier `src`
- Alternatives et combinaisons{slide simplified}
// ceux d'avant : basé sur les fichiers existants
- `echo {a,b,c}.txt` &rArr; `a.txt b.txt c.txt`
- `echo Alphabet : {a..z}{}`{slide}
- `echo "Alphabet à l'envers :" {z..a}{}`{slide}
- Quizz{slide dense}
- `echo cd*/piste*.mp3` {simplified}
// notion de sous dossier ok, que les existants
- `echo cd{1..10}/piste{1..10}.mp3`{slide simplified}
// les combos se combinent, sans vérifier que ça existe d'ailleurs
- `cp *.txt` {slide}

# @chunk: chunks/q/wild-1.md
# @chunk: chunks/q/wild-2.md
<!-- simplified
# @chunk: chunks/q/wild-3.md
# @chunk: chunks/q/wild-4.md
-->

# Go Démo {no-print}

## Variables
- Exemple de cas d'utilisation
- *créer un dossier `tp1`, puis y créer deux fichiers `info.txt` et `cr-tp1.txt`* {no}
// comment faire selon vous avec une commande ? pas encore les outils
- … on voudrait le refaire plus tard avec `tp2` {no}
- But : éviter de se répéter {slide}
// bonne pratique: ne pas se répéter, risque de se tromper... forme de fainéantise
- Affectation de valeur à une variable{slide}
- `a=tp1` (la nouvelle valeur de `a` est le texte `tp1`)
- `dossier=tp1`, `f=toto.jpg`, …
- Utilisation de variables {slide}
- `mkdir $a` ou `mkdir ${a}{}`
- `touch ${a}/info.txt` (crée le fichier s'il n'existe pas)
- `touch ${a}/cr-${a}.txt`
- Remplacement dans une variable, ex {slide}
- `echo ${f}{}` affiche `toto.jpg`
- `echo ${f%.jpg}{}` affiche `toto`
- `echo ${f%.jpg}.txt` affiche `toto.txt`


# Go Démo {no-print}

<!-- scripts bash -->
# @copy:#plan: %+class:inred: .scripting

## Script Bash
- Script = petit programme
- Exemple{slide}
- écriture du programme dans un fichier : `creer-tp1.bash`
- exécution avec `bash creer-tp.bash`
// appelle le programme bash avec comme paramètre creer-tp1.bash, NOUVELLE instance
- un nouveau interpréteur `bash` est créé
- cet interpréteur exécute le contenu du fichier en paramètre
- la sortie du script est affichée dans le terminal
- Exécution dans le répertoire courant{slide}
- le nouveau `bash` s'exécute dans le dossier courant
- (le script peut être ailleurs, par ex. `bash ../creer-tp1.bash`)
- Exemples{slide}
- {comment}
- l'appeler plusieurs fois depuis des endroits différents

## Paramètres de Scripts en Bash
- But : pouvoir passer des paramètres à nos scripts
- ex :
- `bash creer-tp.bash tp1`
- `bash creer-tp.bash tp2`
- Accès aux paramètres {slide}
- `$1` (ou `${1}{}`) : premier paramètre
- `$2` (ou `${2}{}`) : second paramètre
- … // $0 : nom du programme (mol.bash)
- `$@` tous les paramètres (ex: `echo $@`)
- Exemple `creer-tp.bash` {ex}

```bash
mkdir $1
touch $1/info.txt
touch $1/cr-$1.txt
echo "À toi de jouer sur $1"
{ex}
```

- @anim: .ex


<!-- boucle for en bash -->
# @copy:#plan: %+class:inred: .looping

## Boucle `for` en Bash
- But : répéter des commandes plusieurs fois
- Exemple : `comptine.bash` {slide}
```bash
for fichier in *.txt
do
echo Il etait une fois un fichier, ${fichier}.
done
{slide}
```
- Lancement : `bash comptine.bash` {slide}
- Il etait une fois un fichier, info.txt.
Il etait une fois un fichier, cr-tp1.txt.
{stdout dense smartpre}

## Boucle `for` en Bash
- (Rappel) Exemples de combinaisons en bash
- `{b..y}{}`
- `{1..4}{}`
- `{3..6}{}`
- Autre exemple de for : `compte-mal.bash` {slide}
```bash
for i in {1..4} {6..10}
do
echo $i
done
{smark-nomath slide}
```
- Lancement : `bash compte-mal.bash` {slide}
- 1 2 3 4 6 7 8 9 10 (chacun sur une ligne)

## Défit
- Transformer `creer-tp.bash` en `creer-tps.bash` qui reçoit plusieurs paramètres et crée un dossier pour chaque
- exemple : `bash creer-tps.bash tp1 tp2`
```bash
for d in $@
do
mkdir $d
touch $d/info.txt
touch $d/cr-$d.txt
done
echo "À toi de jouer sur $@"
{slide}
```


<!-- détails sur les espaces et intro des quotes -->
# @copy:#plan: %+class:inred: .spaces

## Défit {no-print}
- La programme `echo` affiche simplement ses paramètres
- `echo bonjour bob` : affiche le texte `bonjour bob`
- *echo bonjour   bob{smartcode}* : affiche le texte `bonjour bob`
// pourquoi !? encore insister sur la séparation des param par des espaces
- Selon vous, comment utiliser la commande `echo`{slide}
- pour afficher `Hello ? bob ?`
- pour afficher `Salut l'ami`
- pour afficher `Voici "bob", un ami`
// leur donner assez de temps à chercher seuls, puis partager puis expliquer/convaincre


## Espaces dans les paramètres // rappel sur les langages (voc., sémantique de mots, syntax/constructions de phrases (+sémantique))
- Paramètres séparés par des autant d'espaces que l'on veut
- `echo bonjour bob` : affiche le texte `bonjour bob`
- *echo bonjour   bob{smartcode}* : affiche le texte `bonjour bob`
// on n'aimerai pas que 'ls      -l' donne une erreur à cause d'un espace...
- Comment mettre des espaces dans un paramètre ?
- guillemets doubles ou simples{slide}
- *echo "bonjour      hello"{smartcode}*
- *echo 'bonjour      hello'{smartcode}*
- `echo "bonjour l'ami"`
- `echo 'bonjour l'ami'` ?{slide}
- `echo "bonjour "bob""` ?{slide}
- séquence d'échappement{slide}
- `echo "bonjour \"bob\""` &rArr; `bonjour "bob"`
- `echo 'bonjour l\"ami'` &rArr; `bonjour l\"ami`
- `echo 'bonjour l\'ami'` &rArr; ?
- échappement uniquement dans les guillemets doubles{slide}
- Exercices de Parsing (paper clickers?) {comment}
- Exercice `echo "bonjour "'bob'" hello"` (challenge) {comment}


# Retour / Feedback ! {no-print}


<div class="slide toadd anim-addclass" data-class="q" data-what=".toadd">
<p>Écrire et rendre</p>
<ol>
<li> un point qui peut être amélioré</li>
<li> {displaynone}</li>
<li> {displaynone}</li>
<li> un point qui était bien</li>
</ol>
</div>

## Être efficace avec le terminal et le shell{key}
- Autocomplétion et navigation
- touche `↹` (tabulation)
- flèches gauche/droite
- `Ctrl`+`a` : début de ligne
- `Ctrl`+`e` : fin de ligne
- Historiques de commandes
- flèches haut/bas
- commande `history`
- Gestion des tâches
- `Ctrl`+`c` : tuer la tâche courante
- `Ctrl`+`z` : mettre la tâche courante en pause
- `fg` : passer en premier plan la tâche actuellement en pause
- `bg` : passer en arrière plan la tâche actuellement en pause
- *emacs &{smartcode}* : lancement en arrière plan
- Caractère de fin de fichier : `Ctrl`+`d`

## Points Clés {key bashtr deck-status-fake-end} // si du temps en trop, quizz:     pwd ; bash script("pwd ; cd plop/ ; pwd") ; pwd
- Arborescence de fichier
- chemin relatif et chemin absolu
- `..`, `a/b/c/d/`, `~`
- Bash
- dossier courant, `pwd`, `cd`, complétion avec `↹`
- appel de programmes/commandes
- commandes existantes
- paramètres de commande
- manuel : `man ls`, `ls --help`
- variables : `truc=tp1` puis `ls $truc`
- boucle `for` pour répéter des choses
- Script
- fichier avec des commandes Bash
- paramètres reçus : `${1}{}` `${2}{}`
- tous les paramètres reçus : `$@`

</section>

<!-- deck.status snippet -->
<p class="deck-status deck-progress-10"> <span class="deck-status-current"></span> / <span class="deck-status-total"></span><span class="var-author">will be replaced by the author</span><span class="var-title">will be replaced by the title</span></p>

<a data-progress-size=": spe.top(15, 555); height: 45*designRatio; left: slide.right - 90*designRatio; width: 90*designRatio" class="ccby" href="http://en.wikipedia.org/wiki/Creative_Commons_license" title="This work is under CC-BY licence." target="_blank"></a>

<a class="ujm" data-progress-size=": spe.top(15, 525); height: 65*designRatio; left: slide.left; width: 130*designRatio" target="_blank"></a>

</div>
<!-- clicky Cla -->
<script type="text/javascript">
var clicky_site_ids = clicky_site_ids || [];
clicky_site_ids.push(100779706);
(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//static.getclicky.com/js';
( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
})();
</script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100779706ns.gif" /></p></noscript>


<!-- Histats.com START (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,2767123,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('http://s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?2767123&101" alt="javascript hit counter" border="0"></a></noscript>
<!-- Histats.com END -->
</body>
</html>