Projècte:Infobox/Didacticial infobox amb de teulas

Las infobox version 2 melhorant l'aspècte, la simplicitat e la flexibilitat de las infobox de Wikipèdia. L'interès es d'armonizar l'aparéncia per de fuèlhs d'estil en cascada, de pictogramas tematics, una simplificacion del còde e mai la possibilitat de genericitat que consistís a fusionar maites modèls en un sol ; autrament dich, utilizar lo mens de ressorsas possible e d'obténer un produch armonizat.

Programacion de las Infobox V2

Per obténer una cèrta uniformitat d'un modèl a l'autre, programatz las infobox V2 amb una atencion particulara en utilizant los exemples çaijós.

Convencions d'armonizacion

Nomenatge e renomenatge

Dins l'encastre del Projècte:Modèl/Armonizacion, se recomanda fòrtament de nomenar (o renomenar) vòstre infobox en respectant la nomenclatura establida. Aquò depend de las convencions suls títols, tanben valablas pels noms de modèls. Vaquí qualques exemples de çò que cal far o pas :

Modèl:Infobox Nom de l'infobox (amb « Infobox » al començament, e una majuscula al Nom de l'infobox. Copar pas de mots)
~~Modèl:Nom de l'infobox~~ (Totjorn començar amb lo mot « Infobox »)
~~Modèl:Infobox nom de l'infobox~~ (Totjorn començar lo nom de l'infobox amb una majuscula)
~~Modèl:Infobox Nom De L'InfoBox~~ (Metre pas d'autras majusculas dins lo nom del modèl, levat pels noms pròpris)
~~Modèl:Infobox Nom infobox~~ (Copar pas de mots, far una frasa. Val melhor un nom de modèl clar, qu'un nom trop cort)
~~Modèl:Infobox Name of the infobox~~ (Defugir de mots anglofòns. Ex: Comicbook, podcast, TV, etc.)
~~Modèl:Infobox Nom del modele~~ (Totjorn utilizar los accents per un títol)

Tanben, los imatges qu'abilhan l'entèsta an lors pròprias convencions de nomenclatura, es a dire lo títol, las dimensions, l'aparéncia, etc. Vejatz las pictogramas plus bas.

Parametratge

Es important de ben nomenar vòstres paramètres. En brèu, pas de majusculas, pas d'acronims, pas de diminutius, pas de plural, pas de jonhents (o autres signes de ligasons). Se conselha fòrtament tanben d'uniformizar l'emplaçament dels tubes "|" e dels signes egal "="

De far

{{Infobox Nom de l'infobox
 | nom     =  
 | imatge   = 
 | legenda =
 | autre   = 
}}

D'evitar

{{Infobox Nom de l'infobox|
nom     =|
imatge   =|
legenda =|
autre   =|
}}

{{Infobox Nom de l'infobox
|nom= 
|img= 
|leg=
|aut= 
}}

Generecitat

Aquesta seccion es voida, pas pro detalhada o incompleta. Vòstra ajuda es benvenguda !

Crear una infobox novèla

Pensatz de crear d'infoboxes genericas, qu'incluson maitas autras infoboxes del meteis tèma en avent los meteisses paramètres junts jos una carta grafica. Existís maitas faiçons de programar una infobox, mas vos conselham qualques règlas.

Tal coma conselhat pel projècte modèl e los programaires del logicial MediaWiki, es preferible de defugir lo còde HTML al moment de la programacion, mas puslèu d'utilizar de "còde Wiki".
Per evitar la proliferacion d'infoboxes de paramètres similars, se suggerís de crear d'infoboxes genericas en utilizant la foncion del parser {{#switch}} per contrarotlar la carta grafica de las entèstas. Puèi fusionatz los meteisses paramètres que seràn incluses d'una infobox a l'autra. (Vejatz {{Infobox Musica (artista)}} per un exemple de carta grafica generica)
Evitatz de far aparéisser los paramètres non entresenhats. Es possible de dissimular los camps que son voids en utilizant las foncions del parsers, que valon mai que las classas "hiddenstructure" o autras tecnicas de dissimulacion.
Evitatz los <includeonly> dins l'encodatge ; aquò a una tendéncia fòrta a crear d'errors o copar la documentacion del modèl. Es preferible d'utilizar los modèls empachant l'evaluacion per MediaWiki en cas de besonh.

Exemple de programacion

{| class="infobox_v2" cellspacing="7" border="0"
| colspan="2" class="entèsta defaut" style="background-color:#8C8C8C;" | {{#if:{{{nom|}}} | {{{nom|}}} | {{PAGENAME}} }}
|-
{{#if:{{{imatge|}}} | 
{{!}} colspan="2" style="text-align:center;" {{!}} {{{imatge|}}}{{#if:{{{legenda|}}}|<br /><small>{{{legenda|}}}</small>}}<hr />
{{!-}}
}}
{{#if:{{{paramètre 1|}}} |
! [[Paramètre 1]] 
{{!}} {{{paramètre 1|}}}
{{!-}}
}}
{{#if:{{{paramètre 2|}}} |
! [[Paramètre 2]] 
{{!}} {{{paramètre 2|}}}
{{!-}}
}}
|}

Metre a jorn una infobox

Per metre a jorn una infobox anciana, cal considerar tres aspèctes amb atencion : la genericitat de l'infobox (fusion), lo(s) nom(s) novèls(s) del(s) modèl(s) e los paramètres novèls.

Etapa #1 - Considerar la genericitat (la fusion)

Abans de metre a jorn una infobox anciana, demandatz-vos se d'autras infoboxes poirián partejar los meteisses paramètres e fusionar ensemble. Amb una carta, poiretz diferenciar las declinasons e impausar la carta volguda segon lo tèma. Exemple dels paramètres amb lo cinèma (filme) : nom, títol, filme pòdon totes partejar lo meteis paramètre : títol. Exemple de carta grafica de la musica.
Un còp las infobox similaras identificadas, acampatz los paramètres fusionats dins l'encodatge. Aicí, fusionam títol e filme jos "nom", fòto jos "imatge", vièlh e ancian jos "paramètre". Aquesta tecnica aurà per efièch de redirigir totas las infoboxes anciana cap a la novèla e atal totes los paramètres poiràn èsser preses en compte.

{| class="infobox_v2" cellspacing="7" border="0"
| colspan="2" class="entèsta defaut" style="background-color:rgb({{{carta}}});" | 
{{#if: {{{títol|{{{filme|{{{nom|}}}}}}}}} | {{{títol|{{{filme|{{{nom|}}}}}}}}} }}
|-
{{#if:{{{fòto|{{{imatge|}}}}}} | 
! colspan="2" style="text-align:center;" {{!}} {{{fòto|{{{imatge|}}}}}}
{{!-}}
}}
{{#if:{{{vièlh 1|{{{ancian 1|{{{paramètre 1|}}}}}}}}} |
! [[Paramètre 1]] 
{{!}} {{{vièlh 1|{{{ancian 1|{{{paramètre 1|}}}}}}}}}
{{!-}}
}}
<!------------------------------------------------------------------------------------
 Per facilitar lo reperatge ulterior pels robòts, podètz apondre "depreciat"  
------------------------------------------------------------------------------------->
{{#if:<!--depreciat-->{{{vièlh 2|{{{ancian 2|<!---->{{{paramètre 2|}}}}}}}}} | 
! [[Paramètre 2]] 
{{!}} <!--depreciat-->{{{vièlh 2|{{{ancian 2|<!---->{{{paramètre 2|}}}}}}}}}
{{!-}}
}}
{{#if:<!--depreciat-->{{{ancian 3|<!---->{{{paramètre 3|}}}}}} | 
! [[Paramètre 3]] 
{{!}} <!--depreciat-->{{{ancian 3|<!---->{{{paramètre 3|}}}}}}
{{!-}}
}}
|}

Etapa #2 - Considerar lo(s) nom(s) del(s) modèl(s) novèl(s)

Per de rasons d'aleugièrament e d'òrdre alfabetic dins l'espaci de noms Modèl, es fòrtament conselhat de causir de noms que respèctan non solament las convencions d'armonizacion, mas tanben una logica alfabetica. Per exemple, per remplaçar las infoboxes ancians Filmes, Metratges, Actors, Cinèma, Cinecamèras, Cineprojector :

Modèl:Infobox Cinèma (carta) (per definir la carta de las coal moment entre las infobox)

Modèl:Infobox Cinèma (filme) (fusion de las infobox Metratges, Filmes, Filmes documentaris, Filmes musicals)

Modèl:Infobox Cinèma (personalitat) (fusion de las infobox Actors, Actrises, Dobladuras, Productors, Realizators, etc.)

Modèl:Infobox Cinèma (sala) (fusion de las infobox Cinèmas, Cineparcs, Cineplex, etc.)

Modèl:Infobox Cinèma (camèra)

Modèl:Infobox Cinèma (projector)

Etapa #3 - Requèsta d'implantacion per un robòt

Quand los ancians paramètres son estats fusionats dins las infobox novèlas, es possible de redirigir los modèls obsolèts cap a l'infobox novèla. Se totes los ancians paramètres son estats integrats coma caliá, l'implantacion de l'infobox novèla pòt èsser facha sens errors de parametratge.
Finalament, una requèsta a un robòt pòt èsser facha. Per aquò far, cal provesir al dressaire de bòt, los ancians/novèls paramètres e lo nom de las ancianas/novèlas infobox. Per aquesta etapa, es passat mèstre dins l'art d'implantar aquestes cambiaments.

Autras consideracions

Vaquí d'autres conselhs en rafala per amonizar las infobox V2.

Los imatges : las fòtos, lògos e autres imatges deurián totjorn aparéisser jos la forma parametrada {{{imatge|}}} e non pas [[Image:{{{imatge|}}}|{{{imatge_size|}}}|{{{legenda}}}]]. Es preferible de daissar la libertat als contributors que poirián corregir una eventuala fòto tròp nauta, puslèu que d'aver un paramètre "imatge_size" que règla lo format. Dins totes los cases, los imatges devon pas despassar 280 pixèls de largor (infobox a 300px, amb un padding de 0.1em e las bordaduras an 7px sus cada costat).

Carta grafica de las Infobox V2

Estetica generala

Las infobox V2 se vòlon modèrnas sens, çaquelà, tombar dins los excèsses de l'estetica del « web 2.0 » es a dire ombras, rebats, 3D... Son de tablèus aerats sens autras bordaduras que lo quadre gris general de la box. Se compausan de doas partidas :

L'entèsta (o head), constituida d'un rectangle espés que sa color es modulabla. L'entèsta conten lo títol de l'infobox, qu'es l'element pus important e que l'internauta deu localizar e apreendar còp sec. Aqueste rectangle conten un pictograma personalizat, foncion del domeni de l'infobox (de nòtas pel domeni de la musica, una pellicula pel domeni del cinèma...). La color de l'entèsta e mai del pictograma servisson a establir una carta grafica per un domeni donat.
Lo contengut, que pòt conténer de sostítols eventuals (rectangles colorats mens denses que l'entèsta) e las informacions a pròpriament dire. Per un aspècte modèrne e sòbri, lo tèxt es ferrat (alinhat) a esquèrra e mes en gras dins la colomna d'esquèrra. Los traches de separacions son restrenhuts en coma son pas utilizats pas que per separar las grandas classas d'informacions.

Important : las infobox V2 son un projècte d'armonizacion e uniformizacion de las Infoboxes de Wikipèdia. Respectatz l'estil de basa actualament prepausat, sens far cap de modificacion personalizada dins un modèl especific. S'avètz de suggestions melhorant l'estil, prepausatz-las d'en primièr sus la pagina de discussion.

Pictogramas

Iniciats per JSDX, los pictogramas permeton a l'internauta de determinar d'un còp d'uèlh lo tipe d'article ont l'utilizaire se tròba. Melhoran atal l'ergonomia generala de l'enciclopèdia e delimitan las cartas graficas a un domeni donat (per exemple, las nòtas de musica sagèlan la carta grafica dels articles musicals).

Seriá temptant de produire de centenats de pictogramas per cadun dels tipes d'articles, mas per de rasons d'ergonomia e de pesucariá de CSS, es preferible de se ne téner als grands tèmas, coma Musica (nòtas), Cinèma (pellicula), Espòrt (anèls olimpics), Comunicacion (antena emetritz). L'idèa es d'indicar al visitor lo tipe d'article còp sec, e non pas de generar una lista incalculabla de pictogramas. Tròp de pictos tuan los pictos!

Los pictogramas respondon a maites principis :

Nautor fixa de 45 pixèls ;
Semitransparents ;
Encodats en .png 24 bits per gerir los diferents grases de transparéncia ;
Concebuts per èsser alinhats a drecha de l'entèsta de las infoboxes.

Fuèlhs d'estil

Se devon utilizar sul fuèlh d'estil common.css. La nomenclatura dels pictogramas deu respectar la convencion dels noms d'imatges per las Infobox V2 : "Image:Picto_infobox_nom.png". Pr'amor de crear de pictogramas novèls per vòstre projècte, consultatz JSDX sus sa pagina de discussion, pr'amor de preservar l'uniformitat de las infoboxes novèlas.

Nom de la classa	Còde de la classa e rendut
musica : espectacle, cantaire, musicien, sala de concèrt, Album, cançon...	entesta musica
persoficcion : personatge de ficcion, ròtle incarnat...	entesta persoficcion
jòc : jòcs...	entesta jòc
jòc de ròtle : ...	entesta jòcrotle
jòcvidèo : jòc vidèo, consòla, maneta, material de jòc...	entesta jòcvidèo
bièrra : marca de bièrra, braçariá, material de fabricacion...	entesta bièrra
cinèma : cinèma, sala de projeccion, autor, actor, scenarista, distributor, montaire...	entesta cinèma
bd : benda dessenhada, dessenh animat, comic book, manga...	entesta bd
comunicacion : (classa de cambiar) telecomunicacion, telefòn, ondas ràdio, satellit...	entesta comunicacion
uman : relatif a l'uman, als genres, a la sociologie, biologie...	entesta uman
esport : los espòrts en general, tèmas olimpics...	entesta espòrt
map : geografia, idrografia, cartografia, viatge, transpòrt...	entesta map
defaut : aqueste pictograma es utilizat per defaut, dins lo cas que lo çaisús s'aplican pas.	entesta defaut

Documentacion

Per preservar una uniformitat dins las paginas de documentacion de las infoboxes, vaquí qualques linhas conductrises per montar una pagina explicativa.