<!-- If you want to validate or edit this document separately, uncomment
this prolog

<?xml version="1.0" ?>
<!DOCTYPE chapter PUBLIC "-//KDE//DTD DocBook XML V4.1-Based Variant V1.0//EN" "dtd/kdex.dtd">

-->
<chapter id="tutorial">
<chapterinfo>
<authorgroup>
<author
><firstname
>Alexander</firstname
> <surname
>Dymo</surname
> <affiliation
> <address
><email
>cloudtemple@mksat.net</email
></address>
</affiliation>
</author>
<author
><firstname
>Phil</firstname
> <surname
>Thompson</surname
> <affiliation
> <address
><email
>phil@river-bank.demon.co.uk</email
></address>
</affiliation>
</author>
<othercredit role="translator"
> <firstname
>Rafael</firstname
> <surname
>Carreras</surname
> <affiliation
><address
><email
>rcarreras@caliu.cat</email
></address
></affiliation
> <contrib
>Traductor</contrib
> </othercredit
> 
</authorgroup>
</chapterinfo>
<title
>Tutorial</title>

<para
>Aquest tutorial pretén ser una breu introducció al Kugar.</para>

<para
>Podeu crear una plantilla d'informe de prova amb el &kudesigner;, un fitxer de dades de prova i, finalment, generar un informe complet.</para>

<para
>El codi font per a les plantilles de prova i els fitxers de dades es poden trobar a <filename
>sample1.ktf</filename
> i <filename
>sample1.kdf</filename
>, que es distribueixen amb el &kugar;.</para>


<sect1 id="tut-1">
<title
>Creant la plantilla d'informe amb el &kudesigner;</title>

<para
>Executeu el Kugar Designer teclejant <command
>kudesigner</command
> al terminal. </para>

<para
>Després d'iniciar el dissenyador, escolliu <guimenu
>Fitxer</guimenu
>|<guilabel
>Nou</guilabel
> i arrangeu la mida de la pàgina <guilabel
>Carta</guilabel
> i orientació del paper a <guilabel
>Apaïsat</guilabel
>. Arrangeu els marges esquerre i dret a 48, els marges dalt i baix a 40. Totes les dimensions en el &kudesigner; (marges de pàgina, mides, posicions, &etc;) es mesuren en mil·límeters. <screenshot
> <mediaobject>
<imageobject>
<imagedata fileref="tut_file_new.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Diàleg <interface
>Nou informe</interface
></phrase>
</textobject>
</mediaobject>
</screenshot>
</para>

<para
>Ara s'ha creat un nou informe i estan disponibles tots els botons de la <guilabel
>Barra d'eines Ítems</guilabel
> i la <guilabel
>Barra d'eines Seccions Toolbar</guilabel
> (els corresponents ítems de menú d'<guilabel
>Ítems</guilabel
> i <guilabel
>Seccions</guilabel
> també estan disponibles). <screenshot
> <mediaobject>
<imageobject>
<imagedata fileref="tut_empty_report.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Finestra d'informe buida</phrase>
</textobject>
</mediaobject>
</screenshot>
</para>

<para
>Ara és hora d'afegir algunes seccions a l'informe i determina les seves mides. Afegirem un <link linkend="report-header-and-footer"
>capçalera i peu d'informe</link
>, <link linkend="page-header-and-footer"
>capçalera i peu de pàgina</link
> i una única secció <link linkend="detail"
>detall</link
>. Les capçaleres i peus d'informe s'imprimeixen a la primera i última pàgina de l'informe abans i després de qualsevol altra dada d'informe. Els peus d'informe són bons llocs per a <link linkend="calculated-field-element"
>camps calculats</link
>. Les capçaleres i peus de pàgina s'imprimeixen a la part superior i inferior de cada pàgina. El nostre informe tindrà una secció de detall amb nivell 0. Això vol dir que totes les nostres files de dades tenen idèntica estructura (és a dir, camps). Si l'estructura de dades és més complexa o està organitzada d'acord amb una relació master-detall, s'hauran de crear més nivells de detall. Mireu <filename
>sample3.ktf</filename
> i <filename
>sample3.kdf</filename
> per a un exemple de com es pot fer això. Referiu-vos a les <link linkend="template-elements"
>descripcions d'elements de plantilla</link
> per a informacions addicionals. </para>

<para
>Les seccions s'afegeixen usant el menú <guilabel
>Seccions</guilabel
> o una <guilabel
>Barra d'eines Seccions</guilabel
>. Ara afegiu una capçalera i peu d'informe, una capçalera i peu de pàgina i llavors una secció detall. Quan afegiu una secció detall, arrangeu el seu nivell a 0 com es mostra a la captura de pantalla de sota. <screenshot
> <mediaobject>
<imageobject>
<imagedata fileref="tut_set_level.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Arranjant el nivell de detall</phrase>
</textobject>
</mediaobject>
</screenshot>
</para>

<para
>El nostre informe ha de semblar-se a aquest a la captura de pantalla. <screenshot
> <mediaobject>
<imageobject>
<imagedata fileref="tut_rep_look1.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Informe amb seccions</phrase>
</textobject>
</mediaobject>
</screenshot>
</para>

<para
>Totes les nostres seccions tenen una alçada predefinida - 50mm. Canviem-la. Per a fer-ho, dretcliqueu a la secció Capçalera d'informe o cliqueu el botó <guilabel
>Edita les propietats</guilabel
> a la <guilabel
>Barra d'eines Edita</guilabel
> i llavors escolliu una secció. S'hauria de mostrar la finestra de Propietats. <screenshot
> <mediaobject>
<imageobject>
<imagedata fileref="tut_edit_height.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Editant l'alçada de la secció</phrase>
</textobject>
</mediaobject>
</screenshot>
</para>

<para
>Ara arrangeu l'alçada de la capçalera d'informe a 70. Fem el mateix peer a totes les altres seccions. Arrangeu l'alçada de capçalera de pàgina a 45 i la de detalls a 30. Els peus de pàgina i d'informe han de ser de 32 mm d'alçada. </para>

<para
>Una plantilla d'informe amb les seccions correctament amidades està llesta per a omplir-se amb ítems d'informe. <screenshot
> <mediaobject>
<imageobject>
<imagedata fileref="tut_rep_look2.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Informe amb les seccions amidades</phrase>
</textobject>
</mediaobject>
</screenshot>
</para>

<para
>Ara podeu afegir-hi ítems a les seccions de l'informe. Es poden afegir cinc tipus diferents d'ítems a l'informe. <link linkend="label-element"
>Etiqueta</link
> és una àrea rectangular que poden tenir vores i es poden omplir amb qualsevol tipus de dades textuals. Els colors de primer pla i de fons de l'etiqueta, així com fonts, es poden afegir. Els tipus de línia de les vores i els colors de línia també són personalitzables. Els <link linkend="field-element"
>Camps</link
> es poden emplaçar en una secció detall. Els Camps representen camps de dades; els seus valors es recolliran des d'un fitxer de dades mentre es genera un informe. Els comptes, sumatoris, mitjanes, &etc; per als valors de camp es poden imprimir a l'informe mitjançant <link linkend="calculated-field-element"
>Camps calculats</link
>. <link linkend="special-element"
>Especials</link
> són etiquetes amb text predefinit, com a dada actual o número de pàgina. L'aparença d'informe general es pot refinar amb <link linkend="line-element"
>Línies</link
>. </para>

<para
>Per a afegir un ítem d'informe, cliqueu el botó de l'ítem corresponent de la <guilabel
>Barra d'eines d'ítems</guilabel
> i emplaceu-lo (clic) a la secció. L'ítem escollit s'emplaçarà a la secció seleccionada amb la cantonada superior esquerra a les coordenades donades. Altres propietats s'arrangen als valors per omissió i es poden canviar amb el diàleg <guilabel
>Opcions d'ítem d'informe</guilabel
> (la mateixa manera que vam fer servir per a canviar l'alçada de la secció). </para>

<para
>Bé, anem a afegir etiquetes a les capçaleres d'informe i de pàgina com es mostra a la captura de pantalla de sota. Noteu que l'etiqueta <quote
>Mutiny Bay Software</quote
> té les seves <guilabel
>BorderStyle</guilabel
> i <guilabel
>BorderWidth</guilabel
> arranjades a 0 i <quote
>Software Inventory Report</quote
> a 1mm. Qualsevol color està arranjat a una combinació de tres valors (RGB - red,green,blue) separats per comes. </para>

<para
>També volem afegir elements a la secció detall. Just assumiu que tenim quatre camps - títol, versió, plataforma i còpies. Per tant, s'emplaçaran quatre elements de <guilabel
>Camp</guilabel
> i els seus conjunts de propietats de <guilabel
>Camp</guilabel
>. Noteu que la propietat <guilabel
>Text</guilabel
> s'arranja automàticament a <quote
>[<userinput
>field_name</userinput
>]</quote
>. </para>

<para
>El nostre peu de pàgina és un bon lloc per a mostrar la data actual i el número de pàgina, així que hi afegim dos camps especials i arranjats les seves propietats de <guilabel
>Tipus</guilabel
> a 0 i 1. Un especial amb Type=0 representarà la data i una amb Type=1 el número de pàgina. Noteu que la propietat especial de <guilabel
>Text</guilabel
> es canvia automàticament. </para>

<para
>L'últim element per a emplaçar és un <guilabel
>Camp calculat</guilabel
> per al camo <quote
>còpies</quote
>. Per a adquirir un sumatori (còpies) arrangeu la propietat del camp calculat <guilabel
>Camp</guilabel
> a <quote
>còpies</quote
> i <guilabel
>CalculationType</guilabel
> a 1 (funció sum). </para>

<para
>Finalment, la nostra plantilla d'informe hauria de semblar-se a això: <screenshot
> <mediaobject>
<imageobject>
<imagedata fileref="tut_rep_complete.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Informe complet</phrase>
</textobject>
</mediaobject>
</screenshot>
</para>

</sect1>



<sect1 id="tut-2">
<title
>Crea el fitxer de dades d'informe</title>

<para
>Generalment, els fitxers de dades es poden crear de moltes maneres. Algunes usaran taules de transformació xsl per a generar &XML; correcte des d'un altre document &XML; (com el full de càlcul &kspread;); altres usaran el seu propi programa per a agafar les dades des d'una base de dades i omplir el fitxer de dades. En aquest tutorial, el crearem simplement a mà. El codi font per a l'exemple es pot trobar al fitxer <filename
>sample1.kdf</filename
> o es pot copiar des de l'exemple de sota. </para>

<programlisting
>&lt;?xml version=<quote
>1.0</quote
> encoding=<quote
>UTF-8</quote
>?&gt;

&lt;!DOCTYPE KugarData [
    &lt;!ELEMENT KugarData (Row* )&gt;
    &lt;!ATTLIST KugarData
        Template CDATA #REQUIRED&gt;

    &lt;!ELEMENT Row EMPTY&gt;
    &lt;!ATTLIST Row
        level CDATA #REQUIRED
        title CDATA #REQUIRED
        version CDATA #REQUIRED
        platform CDATA #REQUIRED
        copies CDATA #REQUIRED&gt;
]&gt;

&lt;KugarData Template="sample1.ktf"&gt;
    &lt;Row level="0" title="  BRU" version="15.0" platform="x86" copies="1"/&gt;
    &lt;Row level="0" title="  Caldera Open Linux" version="2.2" platform="x86" copies="3"/&gt;
    &lt;Row level="0" title="  K Desktop" version="1.1.1" platform="x86" copies="1"/&gt;
    &lt;Row level="0" title="  Netscape Communicator" version="4.6" platform="x86" copies="10"/&gt;
    &lt;Row level="0" title="  Redhat Linux" version="5.0" platform="x86" copies="11"/&gt;
    &lt;Row level="0" title="  Redhat Linux" version="5.1" platform="x86" copies="12"/&gt;
    &lt;Row level="0" title="  Redhat Linux" version="5.2" platform="x86" copies="14"/&gt;
    &lt;Row level="0" title="  Redhat Linux" version="6.0" platform="x86" copies="15"/&gt;
    &lt;Row level="0" title="  Star Office" version="5.0" platform="x86" copies="1"/&gt;
    &lt;Row level="0" title="  Star Office" version="5.1" platform="x86" copies="3"/&gt;
    &lt;Row level="0" title="  Microsoft Windows NT" version="3.1" platform="x86" copies="1"/&gt;
    &lt;Row level="0" title="  Microsoft Windows NT" version="3.51" platform="x86" copies="1"/&gt;
    &lt;Row level="0" title="  Microsoft Windows NT" version="4.0" platform="x86" copies="1"/&gt;
    &lt;Row level="0" title="  Microsoft Windows NT" version="5.0" platform="x86" copies="1"/&gt;
    &lt;Row level="0" title="  Sun Solaris" version="2.5" platform="Sparc" copies="1"/&gt;
&lt;/KugarData&gt;
</programlisting>

</sect1>

<sect1 id="tut-3">
<title
>Generant l'informe</title>

<para
>En aquest moment, tenim una plantilla d'informe (<filename
>sample1.ktf</filename
>) i un fitxer de dades d'informe (<filename
>sample1.kdf</filename
>). </para>
<para
>Per a generar un informe, teclegeu la següent comanda al terminal: <command
>kugar <option
>-r <replaceable
>sample1.ktf</replaceable
></option
> <option
>-d <replaceable
>sample1.kdf</replaceable
></option
></command
> </para>

<para
>Això presentarà una finestra d'espai de treball del &kugar; amb l'informe generat. <screenshot
> <mediaobject>
<imageobject>
<imagedata fileref="tut_rep_generated.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Informe generat</phrase>
</textobject>
</mediaobject>
</screenshot>
</para>

</sect1>

</chapter>
