Projet:Animation et bande dessinée asiatiques/Comment faire...

Sommaire : Comment faire…

… une liste d'épisodes
… une ligne de temps

L’objectif de cette page est de centraliser les tutoriels sur les façons de construire certains articles ou parties d’article spécifiques au projet.

Vous êtes bien entendu libres de rajouter un nouveau tutoriel si vous le jugez nécessaire.

… une liste d'épisodes

Comment bien construire une liste d'épisodes. Cela peut sembler anodin, mais outre l'utilisation correcte des modèles servant à construire la liste en elle-même, il est aussi intéressant de savoir ce qui peut être construit autour de la liste.

1^re étape : Construire une liste satisfaisante

Les listes d'épisodes d'anime sont faite à l'aide d'une répétition du modèle {{Épisode anime}} placé ENTRE le modèle {{Début épisodes anime}} qui balise le début du tableau et le modèle {{Fin épisodes anime}} qui en balise la fin.

Note : Une petite suggestion cependant, déjà d'un point de vue poids de la page mais aussi bande-passante, remplacer {{Fin épisodes anime}} par |} permet de résoudre le problème et d'échapper un peu à la modélite aiguë (Vingt-deux caractères là où deux en suffisent, c'est un peu exagéré).

Code et paramètres

Voici le code complet du modèle

{{Épisode anime
 | LineColor      = 
 | Color          = 
 | NumeroEpisode  = 183
 | TitreFrançais  = 
 | TitreFrançais2 = 
 | TitreKanji     = 
 | TitreJaponais  = 
 | TradJaponais   = 
 | DateSortie     = {{Date||||}}
 | CourtResume    = 
}}

Paramètre	Description
LineColor	Couleurs de la barre séparatrice sous la forme #xxxxxx. Par défaut #bbccff. Voir plus bas pour les couleurs sélectionnées par le projet.
Color	Couleurs de fond de la ligne de titre sous la forme #xxxxxx, elle est utilisé en général pour indiqué un épisode filler sur une adaptation. Par défaut sans couleurs.
NumeroEpisode	Numéro de l'épisode (facultatif ; la valeur par défaut est nulle)
Légende	Légende de l'image (facultatif ; la valeur par défaut est le nom du fichier)
TitreFrançais et TitreFrançais2	Titre francophone officiel de l'épisode (facultatif ; la valeur par défaut est nulle). Un deuxième paramètre existe si deux pays francophones n'ont pas le même titre ou si deux diffuseurs ne donnent pas la même traduction (ex : Love Hina)
TitreKanji	Titre original de l'épisode en kanji (japonais), sinogramme (chinois) ou hangeul (coréen)(facultatif ; la valeur par défaut est nulle)
TitreJaponais	Transcription en romaji du contenu de TitreKanji (facultatif ; la valeur par défaut est nulle)
TradJaponais	Traduction en français du contenu de TitreKanji
DateSortie	Date de première diffusion de l'épisode dans son pays d'origine (facultatif ; la valeur par défaut est nulle)
CourtResume	Court résumé de l'épisode (facultatif). Rappel : par respect du droit d'auteur, il est strictement interdit de recopier les synopsis fournis par le distributeur ou trouvés sur internet.

Utilisation

Le code minimum à reprendre pour un épisode est :

{{Épisode anime
 |      LineColor = 
 |  NumeroEpisode = 
 |  TitreFrançais = 
 |     TitreKanji = 
 |  TitreJaponais = 
 |     DateSortie = {{Date||||}}
 |    CourtResume = 
}}

Il est très important de bien copier le code complet pour ne pas générer d'erreur. Si le tableau ne s'affiche pas correctement, vérifier si les modèles de début et de fin son bien positionnés, ensuite, vérifier que les crochets d'ouverture {{ et de fermeture }} sont bien présents.

Le modèle {{Date}} s'utilise en indiquant au minimum le mois (en lettres MINUSCULES) et l'année, par exemple {{Date||mars|2010|}} affichera mars 2010 (notez bien que l'emplacement pour le jour doit être présent même s'il n'est pas rempli). Le jour peut aussi être renseigné mais attention de bien mettre les neuf premiers jours sous la forme x et non pas xx, cela génèrerait une erreur sinon.

Le code couleurs

Un roulement de cinq couleurs a été défini dans l'ordre suivant : rouge, jaune, vert, violet, bleu. Le roulement se fait toutes les cinq saisons, le paramètre LineColor devant être indiqué dans la couleur correspondante pour chaque épisode d'une saison et le paramètre Color en correspondance avec celui LineColor pour chaque épisode distingué des autres pour une raison ou une autre.

Rouge :

 |      LineColor = #B00000
 |          Color = #FFB2B2

Jaune :

 |      LineColor = #E0D000
 |          Color = #FFFF99

Vert :

 |      LineColor = #007000
 |          Color = #BDFFB2

Violet :

 |      LineColor = #B00090
 |          Color = #EFAAC2

Bleu :

 |      LineColor = #0080FF
 |          Color = #B2FFFF

Exemple d'utilisation

Exemple issue de la saison 2 de Naruto

{{Début épisodes anime}}
{{Épisode anime
 |     LineColor = #E0D000
 |         Color = #ffff99
 | NumeroEpisode = 26
 | TitreFrançais = Le journal de l'école de Konoha
 |    TitreKanji = 絶対必見！死の森直前ルポ！木ノ葉の学級新聞だコレ！
 | TitreJaponais = Zettai hikken! Shi no Mori chokusen rupo! Konoha no gakkyū shinbun da kore!
 |    DateSortie = {{Date|2|avril|2003}}
 |   CourtResume = Konohamaru est chargé de faire un reportage sur Naruto et les participants à l'examen ''chūnin''.

''Note : Cet épisode est un filler en forme d'épisode-résumé servant à la transition entre les saisons grâce à un ensemble de flashback.''
}}
{{Épisode anime
 |     LineColor = #E0D000
 | NumeroEpisode = 27
 | TitreFrançais = La seconde épreuve ! Tout le monde est un ennemi
 |    TitreKanji = 第二試験スタート！周りはみんな敵だらけ！
 | TitreJaponais = Daini shiken sutāto! Mawari wa minna teki darake!
 |    DateSortie = {{Date|2|avril|2003}}

 |   CourtResume = La seconde épreuve de l'examen ''chūnin'' commence : il s'agit d'une épreuve de survie dans une forêt hostile.

''Note : Cet épisode débute l'arc mineur de la seconde épreuve.''

}}

{{Fin épisodes anime}}

N^o	Titre français	Titre japonais		Date de 1^re diffusion
N^o	Titre français	Kanji	Rōmaji	Date de 1^re diffusion
26	Le journal de l'école de Konoha	絶対必見！死の森直前ルポ！木ノ葉の学級新聞だコレ！	Zettai hikken! Shi no Mori chokusen rupo! Konoha no gakkyū shinbun da kore!	2 avril 2003
Konohamaru est chargé de faire un reportage sur Naruto et les participants à l'examen chūnin. Note : Cet épisode est un filler en forme d'épisode-résumé servant à la transition entre les saisons grâce à un ensemble de flashback.
27	La seconde épreuve ! Tout le monde est un ennemi	第二試験スタート！周りはみんな敵だらけ！	Daini shiken sutāto! Mawari wa minna teki darake!	2 avril 2003
La seconde épreuve de l'examen chūnin commence : il s'agit d'une épreuve de survie dans une forêt hostile. Note : Cet épisode débute l'arc mineur de la seconde épreuve.

2^de étape : Construire autour de la liste

À venir

Performances serveurs

Lorsque la quantité d'épisodes est importante, un trop grand nombre d'inclusions de {{Date}} peut faire atteindre la limite « Expensive parser function count ». Le rendu de la page est alors affecté, parce que le parseur court-circuite le traitement des {{Date}} dépassant la limite. Les pages problématiques sont ajoutées dans Catégorie:Page avec trop d'appels dispendieux de fonctions parseurs.

Une solution à ce problème consiste à utiliser le modèle {{Date rapide}}.

Modifier

… une ligne de temps

Tout d'abord, peut-être vaut-il mieux préciser ce qu'est une ligne de temps : une ligne de temps est un tableau utilisé sur le projet ABDA pour donnez une rapide vision de l'enchainement des arcs majeurs (ou sagas) et des arcs mineurs (ou arcs) au sein d'un anime. En voici quelques exemple : One Piece, Naruto, Bleach, etc.

Une ligne de temps peut bien sûr être utilisée pour un manga, mais sa construction fait qu'elle est mieux adaptée à une diffusion audiovisuelle.

1^re étape : principes de bases

Maintenant que ce point est précisé, si vous observez les exemples précédemment cités vous remarquerez que la ligne de temps, une fois passé la ligne de titre, est un tableau composé de 9 colonnes à la base^{[tl 1]} :

la couleur de la saison (qui fait un roulement par cycle de cinq, ce qui signifie que les saisons 6 et 11 ont la même couleurs que la saison 1 par exemple)
le numéro de la saison
la date de première diffusion du premier épisode de la saison
la date de première diffusion du dernier épisode de la saison
les arcs majeurs ou sagas
les fillers
les arcs mineurs
le numéro de la saison à nouveau
la couleur de la saison à nouveau

Les couleurs utilisé dans le tableau ne le sont pas au hasard, il s'agit des couleurs de la charte graphique du projet ABDA concernant les saison d'anime qui a été adoptée. À savoir donc le roulement rouge / jaune / vert / violet / bleu avec une variante plus clair pour la barre de titre qui est ici utilisé pour les arcs majeurs (rouge / vert), mineurs (jaune / violet) et les fillers (bleu).

Pour ce qui est de sa construction, nous allons partir du principe que nous mettons la même information de base à chaque ligne, adaptée bien entendu en fonction de l'épisode. Prenons l'exemple de la toute première ligne :

| width='1px' bgcolor=#B00000 | || [[Liste des épisodes de ...#Saison 1|1]] || {{Date||}} || {{Date||}} || bgcolor=#ffb2b2 | Saga 1  || style="width: 1px; border: none;" |  || bgcolor=#ffff99 | Arc 1  || 1 || width='1px' bgcolor=#B00000 |
|-

Comme vous pouvez le voir, la syntaxe est déjà plus simple que le shmilblique des version déjà faite, ne serait-ce que parce que beaucoup de cellules n'ont pas de mise en forme. Le résultat avec deux lignes donne :

Saison
#		Début	Fin	Arcs			#
	1			Saga 1		Arc 1	1
	1			Saga 1		Arc 1	1

Ah oui ! Il y a comme qui dirait un petit problème : les informations sur les saisons, les sagas et les arcs se répètent. C'est embêtant !

2^de étape : fusionner les lignes

La solution va être de faire fusionner plusieurs cellules verticalement (par ligne). Prenons par exemple le cas d'un anime d'une saison de 13 épisodes :

les trois premiers sont totalement indépendant et ne font partie d'aucune saga, ils sont là pour planter le décor
les 7 suivants par contre font partie d'une première saga et les 3 derniers de la saga finale.
au niveau des arcs de la première saga, les 2 premiers constituent un arc, le 3^e est indépendant et les 4 derniers un second arc
pour la seconde saga, arc et saga se confonde, nous n'ajouterons donc rien, il y aura cependant une subtilité pour alléger la page et caractère.
adapté d'une œuvre papier, les épisodes 3, 7, 8, 9 et 10 sont des fillers.

Commençons par la première ligne, nous allons commencer par rajouter une instruction de fusion verticale de la forme rowspan="13" à toutes les cellules concernées. Puisque, jusqu'ici, certaines cellules n'avais aucune instruction, il ne faut pas oublier de vérifier que instruction et contenu sont séparés par une barre verticale :

| width='1px' bgcolor=#B00000 rowspan="13" | || rowspan="13" | [[Liste des épisodes de ...#Saison 1|1]] || rowspan="13" | {{Date||}} || rowspan="13" | {{Date||}} ||  || style="width: 1px; border: none;" |  ||  || rowspan="13" | 1 || width='1px' bgcolor=#B00000 rowspan="13" |
|-

Pour la seconde et la troisième ligne ligne, puisqu'elles sont déjà fourni par la première, les colonnes 1, 2, 3, 4, 8 et 9 seront enlevées :

|  || style="width: 1px; border: none;" |  || 
|-

Si nous testons maintenant avec les 13 lignes (dont 12 identiques), cela nous donne :

Saison
#		Début	Fin	Arcs			#
	1						1

3^e étape : sagas et arcs

Maintenant, en ce qui concerne les arcs et sagas, nous allons remplacer la première cellule de ceux-ci par une instruction de fusion et de couleur de fond, ainsi que leurs donner des noms. De plus, de la même manière que nous avions supprimé les information sur la saison dans chaque ligne de celle-ci excepté la première, nous allons supprimer les cellules primaire ou secondaire pour chaque ligne composant une saga ou un arc, excepté la première de celle-ci. Exemple :

| bgcolor=#ffb2b2 rowspan="7" | Saga 1

remplace

|

Saison
	Arcs		#
1			1


	Saga 1	Arc 1
		Arc 1

		Arc 2



	Saga 2

Nous avions parlé d'une astuce pour alléger la page, et elle a été appliquée (partiellement) sans que cela soit signalée. Cela consiste à fusionner les cases vides comme on le ferrait pour un arc ou une saga mais sans la remplir. Sur l'exemple ci-dessus les instructions de suppression de bordures n'ont pas été ajoutées mais il faut normalement le faire.

4^e étape : fillers

La question que vous allez probablement vous poser après avoir lu le paragraphe ci-dessus est « pourquoi ne pas aussi fusionner la colonne des fillers ? » La réponse est simple, pour avoir le bon nombre de ligne.

Pour ce qui est des fillers, il y a quatre code différent qui vont remplacer l'instruction

style="width: 1px; border: none;"

de la colonne fillers : filler seul, premier d'une série, dernier d'une série et au cœur d'une série :

bgcolor=#B2FFFF

style="border-bottom: none;" bgcolor=#B2FFFF

style="border-top: none;" bgcolor=#B2FFFF

style="border-top: none; border-bottom: none;" bgcolor=#B2FFFF

Exemple finalisé

Une fois finalisé, notre exemple donne donc :

Saison
	Arcs		#
1			1


	Saga 1	Arc 1
		Arc 1

		Arc 2



	Saga 2

Note

↑ Pour le cas de Naruto Shippūden, une dixième colonne a été ajoutée afin de pouvoir faire se chevaucher des arcs secondaires